add: page /mahasiswa

app/Providers/FortifyServiceProvider.php

@@ -66,7 +66,7 @@ private function configureViews(): void
             'status' => $request->session()->get('status'),
         ]));
 
-        Fortify::registerView(fn () => Inertia::render('auth/register'));
+        Fortify::registerView(fn () => Inertia::render('auth/register-choice'));
 
         Fortify::twoFactorChallengeView(fn () => Inertia::render('auth/two-factor-challenge'));
 

resources/css/app.css

@@ -9,9 +9,8 @@
 
 @theme {
     --font-sans:
-        'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
-        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-        'Noto Color Emoji';
+        'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
     --radius-lg: var(--radius);
     --radius-md: calc(var(--radius) - 2px);
@@ -95,41 +94,169 @@ :root {
     --sidebar-accent-foreground: oklch(0.205 0 0);
     --sidebar-border: oklch(0.922 0 0);
     --sidebar-ring: oklch(0.87 0 0);
+
+    --app-bg: #fafbff;
+    --app-sidebar-bg: #ffffff;
+    --app-surface: #ffffff;
+    --app-surface-soft: #eef4ff;
+    --app-surface-muted: rgba(217, 217, 217, 0.32);
+    --app-border: rgba(0, 0, 0, 0.14);
+    --app-border-soft: rgba(0, 0, 0, 0.08);
+    --app-border-strong: #739af1;
+    --app-text: #0a0a0a;
+    --app-muted: #737373;
+    --app-primary: #2764eb;
+    --app-primary-soft: #ccdcff;
+    --app-primary-foreground: #ffffff;
+    --app-danger: #ef4444;
+    --app-placeholder: rgba(115, 115, 115, 0.42);
+    --app-toggle-bg: rgba(255, 255, 255, 0.9);
+    --app-shadow: 1px 1px 4.5px rgba(39, 100, 235, 0.36);
+    --app-composer-shadow: 0 10px 24px rgba(39, 100, 235, 0.28);
+
+    --welcome-shell-bg: var(--app-bg);
+    --welcome-title: var(--app-text);
+    --welcome-subtitle: var(--app-muted);
+    --welcome-accent: var(--app-primary);
+    --welcome-accent-foreground: var(--app-primary-foreground);
+    --welcome-accent-soft: var(--app-primary-soft);
+    --welcome-toggle-bg: var(--app-toggle-bg);
+    --welcome-card-bg: var(--app-surface);
+    --welcome-card-border: var(--app-border);
+    --welcome-card-active-border: var(--app-border-strong);
+    --welcome-card-active-shadow: var(--app-shadow);
+    --welcome-icon-muted-bg: var(--app-surface-muted);
+    --welcome-icon-muted-border: var(--app-border-soft);
+    --welcome-icon-active-border: color-mix(
+        in oklab,
+        var(--app-primary) 26%,
+        transparent
+    );
+    --register-shell-bg: var(--welcome-shell-bg);
+    --register-card-bg: var(--welcome-card-bg);
+    --register-card-border: var(--welcome-card-active-border);
+    --register-card-shadow: var(--welcome-card-active-shadow);
+    --register-input-bg: color-mix(
+        in oklab,
+        var(--app-primary) 13%,
+        var(--app-surface)
+    );
+    --register-input-border: var(--app-border-soft);
+    --register-button-border: var(--app-border-soft);
+    --register-placeholder: var(--welcome-subtitle);
+    --student-bg: var(--app-bg);
+    --student-sidebar-bg: var(--app-sidebar-bg);
+    --student-surface: var(--app-surface);
+    --student-surface-soft: var(--app-surface-soft);
+    --student-border: var(--app-border);
+    --student-border-strong: var(--app-border-strong);
+    --student-text: var(--app-text);
+    --student-muted: var(--app-muted);
+    --student-primary: var(--app-primary);
+    --student-primary-soft: var(--app-primary-soft);
+    --student-primary-foreground: var(--app-primary-foreground);
+    --student-danger: var(--app-danger);
+    --student-placeholder: var(--app-placeholder);
+    --student-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
+    --student-sidebar-shadow: 1px 0 0 rgba(15, 23, 42, 0.08);
+    --student-composer-shadow: var(--app-composer-shadow);
 }
 
 .dark {
-    --background: oklch(0.145 0 0);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.145 0 0);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.145 0 0);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.985 0 0);
-    --primary-foreground: oklch(0.205 0 0);
-    --secondary: oklch(0.269 0 0);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.269 0 0);
-    --muted-foreground: oklch(0.708 0 0);
-    --accent: oklch(0.269 0 0);
-    --accent-foreground: oklch(0.985 0 0);
+    --background: #1f1f1f;
+    --foreground: #f4f4f5;
+    --card: #171717;
+    --card-foreground: #f4f4f5;
+    --popover: #171717;
+    --popover-foreground: #f4f4f5;
+    --primary: #3478ff;
+    --primary-foreground: #ffffff;
+    --secondary: #262626;
+    --secondary-foreground: #f4f4f5;
+    --muted: #262626;
+    --muted-foreground: #737373;
+    --accent: #262626;
+    --accent-foreground: #f4f4f5;
     --destructive: oklch(0.396 0.141 25.723);
     --destructive-foreground: oklch(0.637 0.237 25.331);
-    --border: oklch(0.269 0 0);
-    --input: oklch(0.269 0 0);
-    --ring: oklch(0.439 0 0);
+    --border: rgba(255, 255, 255, 0.12);
+    --input: rgba(255, 255, 255, 0.12);
+    --ring: #3478ff;
     --chart-1: oklch(0.488 0.243 264.376);
     --chart-2: oklch(0.696 0.17 162.48);
     --chart-3: oklch(0.769 0.188 70.08);
     --chart-4: oklch(0.627 0.265 303.9);
     --chart-5: oklch(0.645 0.246 16.439);
-    --sidebar: oklch(0.205 0 0);
-    --sidebar-foreground: oklch(0.985 0 0);
-    --sidebar-primary: oklch(0.985 0 0);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.269 0 0);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
-    --sidebar-border: oklch(0.269 0 0);
-    --sidebar-ring: oklch(0.439 0 0);
+    --sidebar: #171717;
+    --sidebar-foreground: #f4f4f5;
+    --sidebar-primary: #3478ff;
+    --sidebar-primary-foreground: #ffffff;
+    --sidebar-accent: #262626;
+    --sidebar-accent-foreground: #f4f4f5;
+    --sidebar-border: rgba(255, 255, 255, 0.12);
+    --sidebar-ring: #3478ff;
+
+    --app-bg: #1f1f1f;
+    --app-sidebar-bg: #171717;
+    --app-surface: #171717;
+    --app-surface-soft: #262626;
+    --app-surface-muted: rgba(255, 255, 255, 0.08);
+    --app-border: rgba(255, 255, 255, 0.12);
+    --app-border-soft: rgba(255, 255, 255, 0.1);
+    --app-border-strong: #3478ff;
+    --app-text: #f4f4f5;
+    --app-muted: #737373;
+    --app-primary: #3478ff;
+    --app-primary-soft: #c8d7ff;
+    --app-primary-foreground: #ffffff;
+    --app-danger: #ff4545;
+    --app-placeholder: rgba(244, 244, 245, 0.42);
+    --app-toggle-bg: #171717;
+    --app-shadow: 0 0 20px rgba(52, 120, 255, 0.34);
+    --app-composer-shadow: 0 0 28px rgba(52, 120, 255, 0.36);
+
+    --welcome-shell-bg: var(--app-bg);
+    --welcome-title: var(--app-text);
+    --welcome-subtitle: var(--app-muted);
+    --welcome-accent: var(--app-primary);
+    --welcome-accent-foreground: var(--app-primary-foreground);
+    --welcome-accent-soft: var(--app-primary-soft);
+    --welcome-toggle-bg: var(--app-toggle-bg);
+    --welcome-card-bg: var(--app-surface);
+    --welcome-card-border: var(--app-border);
+    --welcome-card-active-border: var(--app-border-strong);
+    --welcome-card-active-shadow: var(--app-shadow);
+    --welcome-icon-muted-bg: var(--app-surface-muted);
+    --welcome-icon-muted-border: var(--app-border-soft);
+    --welcome-icon-active-border: color-mix(
+        in oklab,
+        var(--app-primary) 42%,
+        transparent
+    );
+    --register-shell-bg: var(--welcome-shell-bg);
+    --register-card-bg: var(--welcome-card-bg);
+    --register-card-border: var(--welcome-card-active-border);
+    --register-card-shadow: var(--welcome-card-active-shadow);
+    --register-input-bg: var(--app-surface);
+    --register-input-border: var(--app-border);
+    --register-button-border: var(--app-border);
+    --register-placeholder: var(--welcome-subtitle);
+    --student-bg: var(--app-bg);
+    --student-sidebar-bg: var(--app-sidebar-bg);
+    --student-surface: var(--app-surface);
+    --student-surface-soft: var(--app-surface-soft);
+    --student-border: var(--app-border);
+    --student-border-strong: var(--app-border-strong);
+    --student-text: var(--app-text);
+    --student-muted: var(--app-muted);
+    --student-primary: var(--app-primary);
+    --student-primary-soft: var(--app-primary-soft);
+    --student-primary-foreground: var(--app-primary-foreground);
+    --student-danger: var(--app-danger);
+    --student-placeholder: var(--app-placeholder);
+    --student-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
+    --student-sidebar-shadow: 1px 0 0 var(--app-border);
+    --student-composer-shadow: var(--app-composer-shadow);
 }
 
 @layer base {
@@ -141,3 +268,603 @@ @layer base {
         @apply bg-background text-foreground;
     }
 }
+
+@layer components {
+    .welcome-shell {
+        @apply relative flex min-h-svh items-center justify-center px-4 py-8 sm:px-6;
+        background-color: var(--welcome-shell-bg);
+    }
+
+    .welcome-content {
+        @apply w-full max-w-[561px] space-y-7;
+    }
+
+    .welcome-theme-toggle {
+        @apply absolute top-4 right-4 h-10 w-10 rounded-[10px] shadow-none backdrop-blur sm:top-8 sm:right-8;
+        background-color: var(--welcome-toggle-bg);
+        border-color: var(--welcome-card-active-border);
+        color: var(--welcome-accent);
+    }
+
+    .welcome-logo {
+        @apply mx-auto flex h-[77px] w-[77px] items-center justify-center rounded-[15px] border border-white;
+        background-color: var(--welcome-accent);
+        color: var(--welcome-accent-foreground);
+    }
+
+    .welcome-title {
+        @apply text-center text-[34px] leading-tight font-bold tracking-[0.01em] sm:text-[40px];
+        color: var(--welcome-title);
+    }
+
+    .welcome-subtitle {
+        @apply text-center text-[15px] leading-normal sm:text-[20px];
+        color: var(--welcome-subtitle);
+    }
+
+    .welcome-entries {
+        @apply space-y-3;
+    }
+
+    .welcome-entry-card {
+        @apply gap-0 overflow-hidden rounded-[17px] border py-0 transition-[border-color,box-shadow];
+        background-color: var(--welcome-card-bg);
+        border-color: var(--welcome-card-border);
+        box-shadow: none;
+    }
+
+    .welcome-entry-card:hover,
+    .welcome-entry-card:focus-within {
+        border-color: var(--welcome-card-active-border);
+        box-shadow: var(--welcome-card-active-shadow);
+    }
+
+    .welcome-entry-link {
+        @apply flex h-[90px] items-center justify-between gap-3 px-3.5 py-2.5 outline-none focus-visible:ring-2 sm:px-4;
+        --tw-ring-color: color-mix(
+            in oklab,
+            var(--welcome-accent) 35%,
+            transparent
+        );
+    }
+
+    .welcome-entry-icon {
+        @apply flex h-[52px] w-[52px] shrink-0 items-center justify-center rounded-[10px] border transition-colors;
+        background-color: var(--welcome-icon-muted-bg);
+        border-color: var(--welcome-icon-muted-border);
+        color: var(--welcome-subtitle);
+    }
+
+    .welcome-entry-card:hover .welcome-entry-icon,
+    .welcome-entry-card:focus-within .welcome-entry-icon {
+        background-color: var(--welcome-accent-soft);
+        border-color: var(--welcome-icon-active-border);
+        color: var(--welcome-accent);
+    }
+
+    .welcome-entry-title {
+        @apply truncate text-left text-lg leading-tight font-semibold;
+        color: var(--welcome-title);
+    }
+
+    .welcome-entry-description {
+        @apply mt-1 truncate text-left text-[13px] leading-tight;
+        color: var(--welcome-subtitle);
+    }
+
+    .welcome-entry-arrow {
+        @apply h-4 w-4 shrink-0 transition-transform group-hover:translate-x-0.5;
+        color: var(--welcome-title);
+    }
+
+    .welcome-register {
+        @apply text-center text-[13px];
+        color: var(--welcome-subtitle);
+    }
+
+    .welcome-register-link {
+        @apply font-medium underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:outline-none;
+        color: var(--welcome-accent);
+        --tw-ring-color: color-mix(
+            in oklab,
+            var(--welcome-accent) 35%,
+            transparent
+        );
+    }
+
+    .register-shell {
+        @apply relative flex min-h-svh items-center justify-center px-4 py-8 sm:px-6;
+        background-color: var(--register-shell-bg);
+    }
+
+    .register-choice-content {
+        @apply w-full max-w-[561px];
+    }
+
+    .register-choice-back {
+        @apply mb-3;
+    }
+
+    .register-choice-options {
+        @apply space-y-3;
+    }
+
+    .register-choice-card[data-highlighted='true'] {
+        border-color: var(--welcome-card-active-border);
+        box-shadow: var(--welcome-card-active-shadow);
+    }
+
+    .register-choice-card[data-highlighted='true'] .welcome-entry-icon {
+        background-color: var(--welcome-accent-soft);
+        border-color: var(--welcome-icon-active-border);
+        color: var(--welcome-accent);
+    }
+
+    .register-card {
+        @apply w-full max-w-[559px] gap-0 rounded-[17px] border py-0;
+        background-color: var(--register-card-bg) !important;
+        border-color: var(--register-card-border) !important;
+        box-shadow: var(--register-card-shadow) !important;
+    }
+
+    .register-card-content {
+        @apply px-5 py-6 sm:px-[38px] sm:py-7;
+    }
+
+    .register-back-link {
+        @apply inline-flex text-sm font-semibold underline-offset-4 transition-colors hover:underline focus-visible:ring-2 focus-visible:outline-none;
+        color: var(--welcome-subtitle);
+        --tw-ring-color: color-mix(
+            in oklab,
+            var(--welcome-accent) 35%,
+            transparent
+        );
+    }
+
+    .register-heading {
+        @apply mt-2 text-center text-2xl leading-tight font-semibold;
+        color: var(--welcome-title);
+    }
+
+    .register-form {
+        @apply mt-7 flex flex-col gap-4;
+    }
+
+    .register-field {
+        @apply grid gap-1.5;
+    }
+
+    .register-label {
+        @apply text-base leading-none font-medium;
+        color: var(--welcome-title);
+    }
+
+    .register-input {
+        @apply h-[43px] rounded-[6px] px-3.5 text-sm shadow-none;
+        background-color: var(--register-input-bg) !important;
+        border-color: var(--register-input-border) !important;
+        color: var(--welcome-title) !important;
+    }
+
+    .register-input::placeholder {
+        color: var(--register-placeholder);
+        opacity: 1;
+    }
+
+    .register-input:focus-visible {
+        border-color: var(--register-card-border) !important;
+        --tw-ring-color: color-mix(
+            in oklab,
+            var(--welcome-accent) 35%,
+            transparent
+        );
+    }
+
+    .register-submit {
+        @apply mt-1 h-[43px] w-full rounded-[6px] border text-base font-semibold shadow-none;
+        background-color: var(--welcome-accent) !important;
+        border-color: var(--register-button-border) !important;
+        color: var(--welcome-accent-foreground) !important;
+    }
+
+    .register-submit:hover {
+        background-color: color-mix(
+            in oklab,
+            var(--welcome-accent) 88%,
+            var(--register-card-bg)
+        ) !important;
+    }
+
+    .login-card {
+        @apply max-w-[561px];
+    }
+
+    .login-card-content {
+        @apply px-5 py-7 sm:px-[38px] sm:py-8;
+    }
+
+    .login-heading {
+        @apply mt-2;
+    }
+
+    .login-form {
+        @apply mt-8 flex flex-col gap-4;
+    }
+
+    .login-remember {
+        @apply flex items-center gap-3;
+    }
+
+    .login-remember-label {
+        @apply text-sm leading-none font-normal;
+        color: var(--welcome-subtitle);
+    }
+
+    .login-submit {
+        @apply mt-2;
+    }
+
+    .login-register-text {
+        @apply mt-4;
+    }
+
+    .login-status {
+        @apply mt-4 text-center text-sm font-medium;
+        color: var(--welcome-accent);
+    }
+
+    .student-dashboard-shell {
+        @apply min-h-svh;
+        background-color: var(--student-bg);
+        color: var(--student-text);
+    }
+
+    .student-sidebar {
+        border-color: var(--student-border) !important;
+    }
+
+    .student-sidebar [data-sidebar='sidebar'] {
+        background-color: var(--student-sidebar-bg);
+        border-color: var(--student-border);
+        box-shadow: var(--student-sidebar-shadow);
+    }
+
+    .student-sidebar-top {
+        @apply border-b;
+        border-color: var(--student-border);
+        display: flex !important;
+        height: 72px !important;
+        flex-direction: row !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+        gap: 0 !important;
+        padding: 0 20px !important;
+    }
+
+    .student-logo-action {
+        @apply flex size-8 shrink-0 items-center justify-center rounded-[8px] transition-transform outline-none focus-visible:ring-2;
+        --tw-ring-color: color-mix(
+            in oklab,
+            var(--student-primary) 45%,
+            transparent
+        );
+    }
+
+    .student-logo-action:hover {
+        @apply scale-[1.03];
+    }
+
+    .student-logo-mark {
+        @apply flex size-8 items-center justify-center rounded-[8px];
+        background-color: var(--student-primary);
+        color: var(--student-primary-foreground);
+    }
+
+    .student-sidebar-trigger {
+        @apply rounded-[8px] shadow-none;
+        color: var(--student-text);
+        width: 32px !important;
+        height: 32px !important;
+    }
+
+    .student-sidebar-trigger:hover {
+        background-color: var(--student-surface-soft);
+        color: var(--student-text);
+    }
+
+    .student-sidebar-content {
+        gap: 0 !important;
+    }
+
+    .student-history-group {
+        padding: 0 !important;
+    }
+
+    .student-history-label {
+        @apply border-b text-xs font-medium;
+        border-color: var(--student-border);
+        color: var(--student-text);
+        display: flex !important;
+        height: 44px !important;
+        align-items: center !important;
+        gap: 6px !important;
+        border-radius: 0 !important;
+        padding: 0 20px !important;
+        margin: 0 !important;
+        width: 100% !important;
+        background-color: transparent !important;
+        cursor: pointer;
+    }
+
+    .student-history-label:hover {
+        background-color: var(--student-surface-soft) !important;
+    }
+
+    .student-history-chevron {
+        @apply ml-auto size-3 transition-transform;
+    }
+
+    .student-history-label[aria-expanded='false'] .student-history-chevron {
+        transform: rotate(-90deg);
+    }
+
+    .student-history-list {
+        gap: 4px !important;
+        padding: 12px 20px !important;
+    }
+
+    .student-history-menu-button {
+        @apply rounded-[8px] text-left shadow-none;
+        color: var(--student-muted);
+        height: auto !important;
+        min-height: 42px !important;
+        padding: 8px 4px !important;
+        align-items: flex-start !important;
+    }
+
+    .student-history-menu-button:hover,
+    .student-history-menu-button[data-active='true'] {
+        background-color: var(--student-surface-soft);
+        color: var(--student-text);
+    }
+
+    .student-history-menu-icon {
+        @apply hidden;
+        color: var(--student-text);
+    }
+
+    .student-history-copy,
+    .student-user-copy {
+        @apply min-w-0;
+    }
+
+    .student-history-title {
+        @apply block truncate text-[11px] leading-tight font-medium;
+        color: var(--student-text);
+    }
+
+    .student-history-meta {
+        @apply mt-1 block truncate text-[9px] leading-tight;
+        color: var(--student-muted);
+    }
+
+    .student-sidebar-footer {
+        @apply mt-auto border-t;
+        border-color: var(--student-border);
+        padding: 16px 20px !important;
+    }
+
+    .student-user-menu-button {
+        @apply mb-2 w-fit gap-2 rounded-[6px] shadow-none;
+        background-color: var(--student-surface-soft);
+        color: var(--student-text);
+        height: auto !important;
+        padding: 6px 8px !important;
+    }
+
+    .student-user-menu-button:hover {
+        background-color: var(--student-surface-soft);
+        color: var(--student-text);
+    }
+
+    .student-user-avatar {
+        @apply size-6 text-[8px];
+        background-color: var(--student-surface);
+        color: var(--student-text);
+    }
+
+    .student-user-name {
+        @apply block truncate text-[11px] leading-tight font-semibold;
+        color: var(--student-text);
+    }
+
+    .student-user-role {
+        @apply block truncate text-[10px] leading-tight;
+        color: var(--student-muted);
+    }
+
+    .student-logout-button {
+        @apply justify-start gap-1 rounded-none text-[11px] font-normal shadow-none;
+        color: var(--student-danger);
+        height: auto !important;
+        padding: 0 !important;
+    }
+
+    .student-logout-button:hover {
+        background-color: transparent;
+        color: var(--student-danger);
+    }
+
+    .group[data-collapsible='icon'] .student-sidebar-top {
+        justify-content: center !important;
+        padding: 0 !important;
+    }
+
+    .group[data-collapsible='icon'] .student-sidebar-trigger {
+        display: none !important;
+    }
+
+    .group[data-collapsible='icon'] .student-history-list {
+        padding: 12px 8px !important;
+    }
+
+    .group[data-collapsible='icon'] .student-history-label {
+        display: none !important;
+    }
+
+    .group[data-collapsible='icon'] .student-history-menu-button,
+    .group[data-collapsible='icon'] .student-user-menu-button,
+    .group[data-collapsible='icon'] .student-logout-button {
+        @apply mx-auto flex items-center justify-center rounded-[8px];
+        background-color: transparent;
+        width: 32px !important;
+        height: 32px !important;
+        min-height: 32px !important;
+        padding: 0 !important;
+    }
+
+    .group[data-collapsible='icon'] .student-history-menu-icon {
+        @apply block;
+    }
+
+    .group[data-collapsible='icon'] .student-history-copy,
+    .group[data-collapsible='icon'] .student-user-copy,
+    .group[data-collapsible='icon'] .student-logout-button span {
+        @apply hidden;
+    }
+
+    .group[data-collapsible='icon'] .student-sidebar-footer {
+        @apply px-2;
+    }
+
+    .student-workspace {
+        @apply flex min-w-0 flex-1 flex-col;
+        background-color: var(--student-bg);
+        color: var(--student-text);
+    }
+
+    .student-topbar {
+        @apply flex h-[72px] shrink-0 items-center justify-between border-b px-5 sm:px-6;
+        background-color: var(--student-surface);
+        border-color: var(--student-border);
+    }
+
+    .student-brand-title {
+        @apply text-base font-bold;
+        color: var(--student-text);
+    }
+
+    .student-topbar-actions {
+        @apply flex items-center gap-3;
+    }
+
+    .student-theme-toggle {
+        @apply static size-8 rounded-[8px] shadow-none sm:static;
+        background-color: var(--student-surface) !important;
+        border-color: var(--student-border-strong) !important;
+        color: var(--student-primary) !important;
+    }
+
+    .student-new-session-button {
+        @apply h-8 rounded-[8px] px-4 text-xs font-semibold shadow-none;
+        background-color: var(--student-primary) !important;
+        color: var(--student-primary-foreground) !important;
+    }
+
+    .student-chat-stage {
+        @apply flex flex-1 items-center justify-center px-4 py-10;
+    }
+
+    .student-empty-state {
+        @apply flex w-full max-w-[610px] -translate-y-8 flex-col items-center;
+    }
+
+    .student-empty-icon {
+        @apply mb-5 flex size-[52px] items-center justify-center rounded-[12px];
+        background-color: var(--student-primary-soft);
+        color: var(--student-primary);
+    }
+
+    .student-greeting {
+        @apply mb-9 text-center;
+    }
+
+    .student-greeting h2 {
+        @apply text-3xl leading-tight font-bold tracking-[-0.02em];
+        color: var(--student-text);
+    }
+
+    .student-greeting p {
+        @apply mt-2 text-sm;
+        color: var(--student-muted);
+    }
+
+    .student-composer-card {
+        @apply w-full gap-0 rounded-[14px] border py-0 shadow-none;
+        background-color: var(--student-surface);
+        border-color: var(--student-border-strong);
+        box-shadow: var(--student-composer-shadow);
+    }
+
+    .student-composer-content {
+        @apply relative min-h-[225px] px-5 py-4;
+    }
+
+    .student-composer-form {
+        display: contents;
+    }
+
+    .student-status {
+        @apply -mt-5 mb-5 text-center text-xs font-medium;
+        color: var(--student-primary);
+    }
+
+    .student-course-row {
+        @apply flex flex-wrap items-center gap-2 text-[11px] font-medium;
+        color: var(--student-text);
+    }
+
+    .student-course-icon,
+    .student-question-icon {
+        color: var(--student-primary);
+    }
+
+    .student-course-label {
+        @apply whitespace-nowrap;
+    }
+
+    .student-course-select {
+        @apply h-6 w-[180px] rounded-[5px] px-2 text-[10px] shadow-none;
+        background-color: var(--student-surface) !important;
+        border-color: var(--student-border-strong) !important;
+        color: var(--student-text) !important;
+    }
+
+    .student-course-select svg {
+        @apply size-3;
+    }
+
+    .student-composer-divider {
+        @apply my-4 h-px w-full;
+        background-color: var(--student-border);
+    }
+
+    .student-question-row {
+        @apply flex items-start gap-3;
+    }
+
+    .student-question-row textarea {
+        @apply min-h-[118px] flex-1 resize-none bg-transparent pt-0 text-[11px] outline-none;
+        color: var(--student-text);
+    }
+
+    .student-question-row textarea::placeholder {
+        color: var(--student-placeholder);
+    }
+
+    .student-floating-send {
+        @apply absolute right-5 bottom-4 size-8 rounded-[8px] shadow-none;
+        background-color: var(--student-primary) !important;
+        color: var(--student-primary-foreground) !important;
+    }
+}

resources/js/app.tsx

@@ -7,12 +7,19 @@ import AuthLayout from '@/layouts/auth-layout';
 import SettingsLayout from '@/layouts/settings/layout';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
+const fullScreenPages = new Set([
+    'welcome',
+    'auth/login',
+    'auth/register-choice',
+    'auth/register-dosen',
+    'auth/register-mahasiswa',
+]);
 
 createInertiaApp({
     title: (title) => (title ? `${title} - ${appName}` : appName),
     layout: (name) => {
         switch (true) {
-            case name === 'welcome':
+            case fullScreenPages.has(name):
                 return null;
             case name.startsWith('auth/'):
                 return AuthLayout;

resources/js/components/appearance-toggle.tsx

@@ -0,0 +1,34 @@
+import { Moon, Sun } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { useAppearance } from '@/hooks/use-appearance';
+import { cn } from '@/lib/utils';
+
+type AppearanceToggleProps = {
+    className?: string;
+};
+
+export default function AppearanceToggle({ className }: AppearanceToggleProps) {
+    const { resolvedAppearance, updateAppearance } = useAppearance();
+    const isDarkMode = resolvedAppearance === 'dark';
+
+    const handleToggle = (): void => {
+        updateAppearance(isDarkMode ? 'light' : 'dark');
+    };
+
+    return (
+        <Button
+            variant="outline"
+            size="icon"
+            type="button"
+            onClick={handleToggle}
+            className={cn('welcome-theme-toggle', className)}
+            aria-label="Toggle appearance"
+        >
+            {isDarkMode ? (
+                <Sun className="h-4 w-4" />
+            ) : (
+                <Moon className="h-4 w-4" />
+            )}
+        </Button>
+    );
+}

resources/js/components/auth/register-role-form.tsx

@@ -0,0 +1,177 @@
+import { Head, Link } from '@inertiajs/react';
+import type { FormEvent } from 'react';
+import { useState } from 'react';
+import AppearanceToggle from '@/components/appearance-toggle';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { authApi, getAuthErrorMessage } from '@/lib/auth';
+import { register } from '@/routes';
+
+const roleContent = {
+    mahasiswa: {
+        apiRole: 'student',
+        heading: 'Registrasi Mahasiswa',
+        identifierLabel: 'NIM',
+        identifierPlaceholder: 'NIM',
+    },
+    dosen: {
+        apiRole: 'lecturer',
+        heading: 'Registrasi Dosen',
+        identifierLabel: 'NIDN',
+        identifierPlaceholder: 'NIDN',
+    },
+} as const;
+
+export type RegisterRole = keyof typeof roleContent;
+
+type RegisterRoleFormProps = {
+    role: RegisterRole;
+};
+
+type RegisterFieldProps = {
+    autoComplete?: string;
+    autoFocus?: boolean;
+    label: string;
+    name: string;
+    placeholder: string;
+    required?: boolean;
+    tabIndex: number;
+    type?: string;
+};
+
+function RegisterField({
+    autoComplete,
+    autoFocus = false,
+    label,
+    name,
+    placeholder,
+    required = false,
+    tabIndex,
+    type = 'text',
+}: RegisterFieldProps) {
+    return (
+        <div className="register-field">
+            <Label htmlFor={name} className="register-label">
+                {label}
+            </Label>
+            <Input
+                id={name}
+                name={name}
+                type={type}
+                autoComplete={autoComplete}
+                autoFocus={autoFocus}
+                placeholder={placeholder}
+                required={required}
+                tabIndex={tabIndex}
+                className="register-input"
+            />
+        </div>
+    );
+}
+
+export default function RegisterRoleForm({ role }: RegisterRoleFormProps) {
+    const content = roleContent[role];
+    const [backendMessage, setBackendMessage] = useState<string>();
+    const [isProcessing, setIsProcessing] = useState(false);
+
+    const handleSubmit = async (
+        event: FormEvent<HTMLFormElement>,
+    ): Promise<void> => {
+        event.preventDefault();
+        setBackendMessage(undefined);
+        setIsProcessing(true);
+
+        const formData = new FormData(event.currentTarget);
+
+        try {
+            const response = await authApi.register({
+                email: String(formData.get('email') ?? ''),
+                password: String(formData.get('password') ?? ''),
+                name: String(formData.get('name') ?? ''),
+                role: content.apiRole,
+                identity_number: String(formData.get('identity_number') ?? ''),
+            });
+
+            setBackendMessage(response.message);
+        } catch (error) {
+            setBackendMessage(getAuthErrorMessage(error));
+        } finally {
+            setIsProcessing(false);
+        }
+    };
+
+    return (
+        <>
+            <Head title={content.heading} />
+
+            <main className="register-shell">
+                <AppearanceToggle />
+
+                <Card className="register-card">
+                    <CardContent className="register-card-content">
+                        <Link href={register()} className="register-back-link">
+                            &larr; Kembali
+                        </Link>
+
+                        <h1 className="register-heading">{content.heading}</h1>
+
+                        <form className="register-form" onSubmit={handleSubmit}>
+                            <input type="hidden" name="role" value={role} />
+
+                            <RegisterField
+                                name="name"
+                                label="Nama Lengkap"
+                                placeholder="Masukkan nama lengkap"
+                                autoComplete="name"
+                                autoFocus
+                                required
+                                tabIndex={1}
+                            />
+                            <RegisterField
+                                name="identity_number"
+                                label={content.identifierLabel}
+                                placeholder={content.identifierPlaceholder}
+                                required
+                                tabIndex={2}
+                            />
+                            <RegisterField
+                                name="email"
+                                type="email"
+                                label="Email"
+                                placeholder="contoh@kampus.ac.id"
+                                autoComplete="email"
+                                required
+                                tabIndex={3}
+                            />
+                            <RegisterField
+                                name="password"
+                                type="password"
+                                label="Password"
+                                placeholder="Minimal 6 karakter"
+                                autoComplete="new-password"
+                                required
+                                tabIndex={4}
+                            />
+
+                            <Button
+                                type="submit"
+                                className="register-submit"
+                                tabIndex={5}
+                                disabled={isProcessing}
+                                data-test="register-role-button"
+                            >
+                                Register
+                            </Button>
+                        </form>
+
+                        {backendMessage && (
+                            <p className="login-status">{backendMessage}</p>
+                        )}
+                    </CardContent>
+                </Card>
+            </main>
+        </>
+    );
+}

resources/js/layouts/app-layout.tsx

@@ -1,4 +1,4 @@
-import AppLayoutTemplate from '@/layouts/app/app-sidebar-layout';
+// import AppLayoutTemplate from '@/layouts/app/app-sidebar-layout';
 import type { BreadcrumbItem } from '@/types';
 
 export default function AppLayout({
@@ -8,9 +8,5 @@ export default function AppLayout({
     breadcrumbs?: BreadcrumbItem[];
     children: React.ReactNode;
 }) {
-    return (
-        <AppLayoutTemplate breadcrumbs={breadcrumbs}>
-            {children}
-        </AppLayoutTemplate>
-    );
+    return <div>{children}</div>;
 }

resources/js/lib/api.ts

@@ -91,7 +91,11 @@ async function parseResponseBody(response: Response): Promise<unknown> {
     return text.length > 0 ? text : null;
 }
 
-function resolveErrorMessage(status: number, data: unknown): string {
+export function getBackendErrorMessage(data: unknown): string | undefined {
+    if (typeof data === 'string') {
+        return data;
+    }
+
     if (
         typeof data === 'object' &&
         data !== null &&
@@ -101,15 +105,52 @@ function resolveErrorMessage(status: number, data: unknown): string {
         return (data as { message: string }).message;
     }
 
-    return `Request failed with status ${status}`;
+    if (
+        typeof data === 'object' &&
+        data !== null &&
+        'error' in data &&
+        typeof (data as { error?: unknown }).error === 'string'
+    ) {
+        return (data as { error: string }).error;
+    }
+
+    if (typeof data === 'object' && data !== null && 'detail' in data) {
+        const detail = (data as { detail?: unknown }).detail;
+
+        if (typeof detail === 'string') {
+            return detail;
+        }
+
+        if (Array.isArray(detail)) {
+            const firstError = detail.find(
+                (item): item is { msg?: unknown; message?: unknown } =>
+                    typeof item === 'object' && item !== null,
+            );
+
+            if (typeof firstError?.msg === 'string') {
+                return firstError.msg;
+            }
+
+            if (typeof firstError?.message === 'string') {
+                return firstError.message;
+            }
+        }
+    }
+
+    return undefined;
 }
 
 export async function apiFetch<TResponse>(
     path: string,
     options: ApiRequestOptions = {},
 ): Promise<TResponse> {
-    const { body, query, token, headers: initialHeaders, ...requestInit } =
-        options;
+    const {
+        body,
+        query,
+        token,
+        headers: initialHeaders,
+        ...requestInit
+    } = options;
 
     const headers = new Headers(initialHeaders);
     headers.set('Accept', 'application/json');
@@ -128,7 +169,7 @@ export async function apiFetch<TResponse>(
 
     if (!response.ok) {
         throw new ApiError(
-            resolveErrorMessage(response.status, data),
+            getBackendErrorMessage(data) ?? '',
             response.status,
             data,
         );

resources/js/lib/auth.ts

@@ -0,0 +1,126 @@
+import { api, ApiError, getBackendErrorMessage } from '@/lib/api';
+
+const AUTH_TOKEN_KEY = 'sevima_raghub_auth_token';
+const AUTH_USER_KEY = 'sevima_raghub_auth_user';
+
+export type AuthRole = 'admin' | 'student' | 'lecturer';
+
+export type AuthUser = {
+    id: number;
+    identity_number: string;
+    name?: string;
+    role: AuthRole;
+    email: string;
+    status: 'active' | 'inactive';
+    created_at: string;
+    updated_at: string;
+};
+
+export type LoginRequest = {
+    email: string;
+    password: string;
+};
+
+export type LoginResponse = {
+    token: string;
+    user: AuthUser;
+};
+
+export type RegisterRequest = {
+    email: string;
+    password: string;
+    name: string;
+    role: AuthRole;
+    identity_number: string;
+};
+
+export type RegisterResponse = {
+    message: string;
+    user: AuthUser;
+};
+
+export const authApi = {
+    login(payload: LoginRequest) {
+        return api.post<LoginResponse>('/auth/login', payload);
+    },
+
+    register(payload: RegisterRequest) {
+        return api.post<RegisterResponse>('/auth/register', payload);
+    },
+};
+
+function getBrowserStorage(remember: boolean): Storage | null {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+
+    return remember ? window.localStorage : window.sessionStorage;
+}
+
+export function saveAuthSession(
+    response: LoginResponse,
+    remember: boolean,
+): void {
+    const storage = getBrowserStorage(remember);
+    const staleStorage = getBrowserStorage(!remember);
+
+    if (!storage) {
+        return;
+    }
+
+    storage.setItem(AUTH_TOKEN_KEY, response.token);
+    storage.setItem(AUTH_USER_KEY, JSON.stringify(response.user));
+
+    staleStorage?.removeItem(AUTH_TOKEN_KEY);
+    staleStorage?.removeItem(AUTH_USER_KEY);
+}
+
+export function getStoredAuthToken(): string | null {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+
+    return (
+        window.localStorage.getItem(AUTH_TOKEN_KEY) ??
+        window.sessionStorage.getItem(AUTH_TOKEN_KEY)
+    );
+}
+
+export function getStoredAuthUser(): AuthUser | null {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+
+    const rawUser =
+        window.localStorage.getItem(AUTH_USER_KEY) ??
+        window.sessionStorage.getItem(AUTH_USER_KEY);
+
+    if (!rawUser) {
+        return null;
+    }
+
+    try {
+        return JSON.parse(rawUser) as AuthUser;
+    } catch {
+        return null;
+    }
+}
+
+export function clearAuthSession(): void {
+    if (typeof window === 'undefined') {
+        return;
+    }
+
+    window.localStorage.removeItem(AUTH_TOKEN_KEY);
+    window.localStorage.removeItem(AUTH_USER_KEY);
+    window.sessionStorage.removeItem(AUTH_TOKEN_KEY);
+    window.sessionStorage.removeItem(AUTH_USER_KEY);
+}
+
+export function getAuthErrorMessage(error: unknown): string | undefined {
+    if (error instanceof ApiError) {
+        return getBackendErrorMessage(error.data);
+    }
+
+    return undefined;
+}

resources/js/lib/rag.ts

@@ -0,0 +1,109 @@
+import { api, ApiError, getBackendErrorMessage } from '@/lib/api';
+
+export type CourseResponse = {
+    id: number;
+    title: string;
+    description?: string;
+};
+
+export type CourseListResponse = {
+    data: CourseResponse[];
+    total: number;
+    page: number;
+    limit: number;
+};
+
+export type ChatSessionResponse = {
+    uuid_id: string;
+    user_id: string;
+    user_name?: string;
+    course_id: string;
+    course_name?: string;
+    title: string;
+    message_count: number;
+    last_message_at?: string;
+    created_at: string;
+    updated_at: string;
+};
+
+export type ChatSessionListResponse = {
+    data: ChatSessionResponse[];
+    pagination: unknown;
+};
+
+export type CreateChatSessionRequest = {
+    course_id: string;
+    title: string;
+};
+
+export type ChatRestRequest = {
+    content: string;
+};
+
+export type ChatMessageResponse = {
+    uuid_id: string;
+    role: string;
+    content: string;
+    sources: {
+        document_id: string;
+        filename: string;
+        excerpt: string;
+    }[];
+    created_at: string;
+};
+
+type ListCoursesOptions = {
+    page?: number;
+    limit?: number;
+    signal?: AbortSignal;
+};
+
+type AuthenticatedListOptions = ListCoursesOptions & {
+    token?: string;
+    courseId?: string;
+};
+
+export const ragApi = {
+    listCourses({ page = 1, limit = 100, signal }: ListCoursesOptions = {}) {
+        return api.get<CourseListResponse>('/courses', {
+            query: { page, limit },
+            signal,
+        });
+    },
+
+    listChatSessions({
+        page = 1,
+        limit = 20,
+        token,
+        courseId,
+        signal,
+    }: AuthenticatedListOptions = {}) {
+        return api.get<ChatSessionListResponse>('/chats/sessions', {
+            query: { page, limit, course_id: courseId },
+            signal,
+            token,
+        });
+    },
+
+    createChatSession(payload: CreateChatSessionRequest, token?: string) {
+        return api.post<ChatSessionResponse>('/chats/sessions', payload, {
+            token,
+        });
+    },
+
+    sendMessage(sessionId: string, payload: ChatRestRequest, token?: string) {
+        return api.post<ChatMessageResponse>(
+            `/chats/sessions/${sessionId}/messages`,
+            payload,
+            { token },
+        );
+    },
+};
+
+export function getRagErrorMessage(error: unknown): string | undefined {
+    if (error instanceof ApiError) {
+        return getBackendErrorMessage(error.data);
+    }
+
+    return undefined;
+}

resources/js/pages/auth/login.tsx

@@ -1,121 +1,157 @@
-import { Form, Head } from '@inertiajs/react';
-import InputError from '@/components/input-error';
-import PasswordInput from '@/components/password-input';
-import TextLink from '@/components/text-link';
+import { Head, Link, router } from '@inertiajs/react';
+import type { FormEvent } from 'react';
+import { useState } from 'react';
+import AppearanceToggle from '@/components/appearance-toggle';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Spinner } from '@/components/ui/spinner';
-import { register } from '@/routes';
-import { store } from '@/routes/login';
-import { request } from '@/routes/password';
+import { authApi, getAuthErrorMessage, saveAuthSession } from '@/lib/auth';
+import { dashboard, home, mahasiswa, register } from '@/routes';
 
-type Props = {
+type LoginProps = {
+    canRegister?: boolean;
     status?: string;
-    canResetPassword: boolean;
-    canRegister: boolean;
 };
 
-export default function Login({
-    status,
-    canResetPassword,
-    canRegister,
-}: Props) {
+export default function Login({ canRegister = true, status }: LoginProps) {
+    const [backendMessage, setBackendMessage] = useState<string>();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [remember, setRemember] = useState(true);
+
+    const handleSubmit = async (
+        event: FormEvent<HTMLFormElement>,
+    ): Promise<void> => {
+        event.preventDefault();
+        setBackendMessage(undefined);
+        setIsProcessing(true);
+
+        const formData = new FormData(event.currentTarget);
+
+        try {
+            const response = await authApi.login({
+                email: String(formData.get('email') ?? ''),
+                password: String(formData.get('password') ?? ''),
+            });
+
+            saveAuthSession(response, remember);
+
+            router.visit(
+                response.user.role === 'student' ? mahasiswa() : dashboard(),
+            );
+        } catch (error) {
+            setBackendMessage(getAuthErrorMessage(error));
+        } finally {
+            setIsProcessing(false);
+        }
+    };
+
     return (
         <>
-            <Head title="Log in" />
-
-            <Form
-                {...store.form()}
-                resetOnSuccess={['password']}
-                className="flex flex-col gap-6"
-            >
-                {({ processing, errors }) => (
-                    <>
-                        <div className="grid gap-6">
-                            <div className="grid gap-2">
-                                <Label htmlFor="email">Email address</Label>
+            <Head title="Login" />
+
+            <main className="register-shell">
+                <AppearanceToggle />
+
+                <Card className="register-card login-card">
+                    <CardContent className="login-card-content">
+                        <Link href={home()} className="register-back-link">
+                            &larr; Kembali
+                        </Link>
+
+                        <h1 className="register-heading login-heading">
+                            Login
+                        </h1>
+
+                        <form className="login-form" onSubmit={handleSubmit}>
+                            <div className="register-field">
+                                <Label
+                                    htmlFor="email"
+                                    className="register-label"
+                                >
+                                    Email
+                                </Label>
                                 <Input
                                     id="email"
-                                    type="email"
                                     name="email"
-                                    required
+                                    type="email"
+                                    autoComplete="email"
                                     autoFocus
+                                    placeholder="Masukkan email disini"
                                     tabIndex={1}
-                                    autoComplete="email"
-                                    placeholder="email@example.com"
+                                    className="register-input"
                                 />
-                                <InputError message={errors.email} />
                             </div>
 
-                            <div className="grid gap-2">
-                                <div className="flex items-center">
-                                    <Label htmlFor="password">Password</Label>
-                                    {canResetPassword && (
-                                        <TextLink
-                                            href={request()}
-                                            className="ml-auto text-sm"
-                                            tabIndex={5}
-                                        >
-                                            Forgot password?
-                                        </TextLink>
-                                    )}
-                                </div>
-                                <PasswordInput
+                            <div className="register-field">
+                                <Label
+                                    htmlFor="password"
+                                    className="register-label"
+                                >
+                                    Password
+                                </Label>
+                                <Input
                                     id="password"
                                     name="password"
-                                    required
-                                    tabIndex={2}
+                                    type="password"
                                     autoComplete="current-password"
-                                    placeholder="Password"
+                                    placeholder="********"
+                                    tabIndex={2}
+                                    className="register-input"
                                 />
-                                <InputError message={errors.password} />
                             </div>
 
-                            <div className="flex items-center space-x-3">
+                            <div className="login-remember">
                                 <Checkbox
                                     id="remember"
                                     name="remember"
+                                    checked={remember}
+                                    onCheckedChange={(checked) => {
+                                        setRemember(checked === true);
+                                    }}
                                     tabIndex={3}
                                 />
-                                <Label htmlFor="remember">Remember me</Label>
+                                <Label
+                                    htmlFor="remember"
+                                    className="login-remember-label"
+                                >
+                                    Remember me
+                                </Label>
                             </div>
 
                             <Button
                                 type="submit"
-                                className="mt-4 w-full"
+                                className="register-submit login-submit"
                                 tabIndex={4}
-                                disabled={processing}
+                                disabled={isProcessing}
                                 data-test="login-button"
                             >
-                                {processing && <Spinner />}
-                                Log in
+                                Sign In
                             </Button>
-                        </div>
+                        </form>
+
+                        {(backendMessage ?? status) && (
+                            <p className="login-status">
+                                {backendMessage ?? status}
+                            </p>
+                        )}
 
                         {canRegister && (
-                            <div className="text-center text-sm text-muted-foreground">
-                                Don't have an account?{' '}
-                                <TextLink href={register()} tabIndex={5}>
-                                    Sign up
-                                </TextLink>
-                            </div>
+                            <p className="welcome-register login-register-text">
+                                Belum punya akun?{' '}
+                                <Link
+                                    href={register()}
+                                    className="welcome-register-link"
+                                    tabIndex={5}
+                                >
+                                    Register
+                                </Link>
+                            </p>
                         )}
-                    </>
-                )}
-            </Form>
-
-            {status && (
-                <div className="mb-4 text-center text-sm font-medium text-green-600">
-                    {status}
-                </div>
-            )}
+                    </CardContent>
+                </Card>
+            </main>
         </>
     );
 }
-
-Login.layout = {
-    title: 'Log in to your account',
-    description: 'Enter your email and password below to log in',
-};

resources/js/pages/auth/register-choice.tsx

@@ -0,0 +1,82 @@
+import { Head, Link } from '@inertiajs/react';
+import type { LucideIcon } from 'lucide-react';
+import { BookOpen, ChevronRight, MessageSquare } from 'lucide-react';
+import type { ComponentProps } from 'react';
+import AppearanceToggle from '@/components/appearance-toggle';
+import { Card, CardContent } from '@/components/ui/card';
+import { home } from '@/routes';
+import { dosen, mahasiswa } from '@/routes/register';
+
+type RegisterOptionCardProps = {
+    description: string;
+    href: NonNullable<ComponentProps<typeof Link>['href']>;
+    icon: LucideIcon;
+    isHighlighted?: boolean;
+    title: string;
+};
+
+function RegisterOptionCard({
+    description,
+    href,
+    icon: Icon,
+    isHighlighted = false,
+    title,
+}: RegisterOptionCardProps) {
+    return (
+        <Card className="welcome-entry-card register-choice-card px-1 py-0">
+            <CardContent className="p-0">
+                <Link href={href} className="group welcome-entry-link">
+                    <div className="flex min-w-0 items-start gap-3">
+                        <div className="welcome-entry-icon">
+                            <Icon className="h-5 w-5" />
+                        </div>
+                        <div className="min-w-0">
+                            <p className="welcome-entry-title">{title}</p>
+                            <p className="welcome-entry-description">
+                                {description}
+                            </p>
+                        </div>
+                    </div>
+                    <ChevronRight className="welcome-entry-arrow" />
+                </Link>
+            </CardContent>
+        </Card>
+    );
+}
+
+export default function RegisterChoice() {
+    return (
+        <>
+            <Head title="Register" />
+
+            <main className="register-shell">
+                <AppearanceToggle />
+
+                <section className="register-choice-content">
+                    <Link
+                        href={home()}
+                        className="register-back-link register-choice-back"
+                    >
+                        &larr; Kembali
+                    </Link>
+
+                    <div className="register-choice-options">
+                        <RegisterOptionCard
+                            href={dosen()}
+                            icon={BookOpen}
+                            title="Register sebagai Dosen"
+                            description="Kelola knowledge base dan dokumen"
+                        />
+                        <RegisterOptionCard
+                            href={mahasiswa()}
+                            icon={MessageSquare}
+                            title="Register sebagai Mahasiswa"
+                            description="Tanya jawab materi kuliah dengan AI"
+                            isHighlighted
+                        />
+                    </div>
+                </section>
+            </main>
+        </>
+    );
+}

resources/js/pages/auth/register-dosen.tsx

@@ -0,0 +1,5 @@
+import RegisterRoleForm from '@/components/auth/register-role-form';
+
+export default function RegisterDosen() {
+    return <RegisterRoleForm role="dosen" />;
+}

resources/js/pages/auth/register-mahasiswa.tsx

@@ -0,0 +1,5 @@
+import RegisterRoleForm from '@/components/auth/register-role-form';
+
+export default function RegisterMahasiswa() {
+    return <RegisterRoleForm role="mahasiswa" />;
+}

resources/js/pages/mahasiswa.tsx

@@ -0,0 +1,523 @@
+import { Head, router } from '@inertiajs/react';
+import {
+    BookOpen,
+    ChevronDown,
+    Clock3,
+    LogOut,
+    MessageSquare,
+    Send,
+    Sparkles,
+} from 'lucide-react';
+import type { CSSProperties, FormEvent } from 'react';
+import { useEffect, useState } from 'react';
+
+import AppearanceToggle from '@/components/appearance-toggle';
+import { Avatar, AvatarFallback } from '@/components/ui/avatar';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@/components/ui/select';
+import {
+    Sidebar,
+    SidebarContent,
+    SidebarFooter,
+    SidebarGroup,
+    SidebarGroupContent,
+    SidebarGroupLabel,
+    SidebarHeader,
+    SidebarInset,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem,
+    SidebarProvider,
+    SidebarRail,
+    SidebarTrigger,
+    useSidebar,
+} from '@/components/ui/sidebar';
+import {
+    clearAuthSession,
+    getStoredAuthToken,
+    getStoredAuthUser,
+} from '@/lib/auth';
+import type { ChatSessionResponse, CourseResponse } from '@/lib/rag';
+import { getRagErrorMessage, ragApi } from '@/lib/rag';
+import { login } from '@/routes';
+
+const sidebarStyle = {
+    '--sidebar-width': '212px',
+    '--sidebar-width-icon': '64px',
+} as CSSProperties;
+
+function getStoredStudentName(): string {
+    return getStoredAuthUser()?.name ?? 'Mahasiswa';
+}
+
+function getInitials(name: string): string {
+    return name
+        .split(' ')
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((part) => part[0]?.toUpperCase())
+        .join('');
+}
+
+function handleLogout(): void {
+    clearAuthSession();
+    router.visit(login());
+}
+
+function isAbortError(error: unknown): boolean {
+    return error instanceof DOMException && error.name === 'AbortError';
+}
+
+function formatSessionTime(value?: string): string {
+    if (!value) {
+        return '';
+    }
+
+    const date = new Date(value);
+
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+
+    return new Intl.DateTimeFormat('en-US', {
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+        month: 'short',
+    }).format(date);
+}
+
+function StudentSidebarLogo() {
+    const { state, toggleSidebar } = useSidebar();
+
+    const handleLogoClick = (): void => {
+        if (state === 'collapsed') {
+            toggleSidebar();
+        }
+    };
+
+    return (
+        <button
+            aria-label="Buka sidebar"
+            className="student-logo-action"
+            onClick={handleLogoClick}
+            type="button"
+        >
+            <span className="student-logo-mark">
+                <MessageSquare className="size-5" />
+            </span>
+        </button>
+    );
+}
+
+function StudentSidebar({
+    chatSessions,
+    isLoading,
+    studentName,
+}: {
+    chatSessions: ChatSessionResponse[];
+    isLoading: boolean;
+    studentName: string;
+}) {
+    const [isHistoryOpen, setIsHistoryOpen] = useState(true);
+    const { state } = useSidebar();
+    const isSidebarCollapsed = state === 'collapsed';
+
+    return (
+        <Sidebar className="student-sidebar" collapsible="icon">
+            <SidebarHeader className="student-sidebar-top">
+                <StudentSidebarLogo />
+                <SidebarTrigger className="student-sidebar-trigger" />
+            </SidebarHeader>
+
+            <SidebarContent className="student-sidebar-content">
+                <SidebarGroup className="student-history-group">
+                    {isSidebarCollapsed ? (
+                        <SidebarGroupContent>
+                            <SidebarMenu className="student-history-list">
+                                <SidebarMenuItem>
+                                    <SidebarMenuButton
+                                        className="student-history-menu-button"
+                                        tooltip="Riwayat Chat"
+                                    >
+                                        <Clock3 className="student-history-menu-icon size-4" />
+                                        <span className="student-history-copy">
+                                            <span className="student-history-title">
+                                                Riwayat Chat
+                                            </span>
+                                        </span>
+                                    </SidebarMenuButton>
+                                </SidebarMenuItem>
+                            </SidebarMenu>
+                        </SidebarGroupContent>
+                    ) : (
+                        <>
+                            <SidebarGroupLabel asChild>
+                                <button
+                                    aria-expanded={isHistoryOpen}
+                                    className="student-history-label"
+                                    onClick={() =>
+                                        setIsHistoryOpen(
+                                            (currentState) => !currentState,
+                                        )
+                                    }
+                                    type="button"
+                                >
+                                    <Clock3 className="size-4" />
+                                    <span>Riwayat Chat</span>
+                                    <ChevronDown className="student-history-chevron" />
+                                </button>
+                            </SidebarGroupLabel>
+
+                            {isHistoryOpen && (
+                                <SidebarGroupContent>
+                                    <SidebarMenu className="student-history-list">
+                                        {isLoading && (
+                                            <SidebarMenuItem>
+                                                <SidebarMenuButton
+                                                    className="student-history-menu-button"
+                                                    disabled
+                                                >
+                                                    <Clock3 className="student-history-menu-icon size-4" />
+                                                    <span className="student-history-copy">
+                                                        <span className="student-history-title">
+                                                            Memuat riwayat
+                                                        </span>
+                                                    </span>
+                                                </SidebarMenuButton>
+                                            </SidebarMenuItem>
+                                        )}
+
+                                        {chatSessions.map((session) => (
+                                            <SidebarMenuItem
+                                                key={session.uuid_id}
+                                            >
+                                                <SidebarMenuButton
+                                                    className="student-history-menu-button"
+                                                    tooltip={session.title}
+                                                >
+                                                    <Clock3 className="student-history-menu-icon size-4" />
+                                                    <span className="student-history-copy">
+                                                        <span className="student-history-title">
+                                                            {session.title}
+                                                        </span>
+                                                        {formatSessionTime(
+                                                            session.last_message_at ??
+                                                                session.updated_at ??
+                                                                session.created_at,
+                                                        ) && (
+                                                            <span className="student-history-meta">
+                                                                {formatSessionTime(
+                                                                    session.last_message_at ??
+                                                                        session.updated_at ??
+                                                                        session.created_at,
+                                                                )}
+                                                            </span>
+                                                        )}
+                                                    </span>
+                                                </SidebarMenuButton>
+                                            </SidebarMenuItem>
+                                        ))}
+                                    </SidebarMenu>
+                                </SidebarGroupContent>
+                            )}
+                        </>
+                    )}
+                </SidebarGroup>
+            </SidebarContent>
+
+            <SidebarFooter className="student-sidebar-footer">
+                <SidebarMenu>
+                    <SidebarMenuItem>
+                        <SidebarMenuButton
+                            className="student-user-menu-button"
+                            tooltip={studentName}
+                        >
+                            <Avatar className="student-user-avatar">
+                                <AvatarFallback>
+                                    {getInitials(studentName) || 'AK'}
+                                </AvatarFallback>
+                            </Avatar>
+                            <span className="student-user-copy">
+                                <span className="student-user-name">
+                                    {studentName}
+                                </span>
+                                <span className="student-user-role">
+                                    Mahasiswa
+                                </span>
+                            </span>
+                        </SidebarMenuButton>
+                    </SidebarMenuItem>
+
+                    <SidebarMenuItem>
+                        <SidebarMenuButton
+                            className="student-logout-button"
+                            onClick={handleLogout}
+                            tooltip="Logout"
+                        >
+                            <LogOut className="size-4" />
+                            <span>Logout</span>
+                        </SidebarMenuButton>
+                    </SidebarMenuItem>
+                </SidebarMenu>
+            </SidebarFooter>
+
+            <SidebarRail />
+        </Sidebar>
+    );
+}
+
+function QuestionComposer({
+    courses,
+    isLoadingCourses,
+    isProcessing,
+    onCourseChange,
+    onQuestionChange,
+    onSubmit,
+    question,
+    selectedCourseId,
+}: {
+    courses: CourseResponse[];
+    isLoadingCourses: boolean;
+    isProcessing: boolean;
+    onCourseChange: (courseId: string) => void;
+    onQuestionChange: (question: string) => void;
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    question: string;
+    selectedCourseId: string;
+}) {
+    return (
+        <Card className="student-composer-card py-0">
+            <CardContent className="student-composer-content">
+                <form className="student-composer-form" onSubmit={onSubmit}>
+                    <div className="student-course-row">
+                        <BookOpen className="student-course-icon size-5" />
+                        <span className="student-course-label text-sm">
+                            Mata Kuliah:
+                        </span>
+
+                        <Select
+                            disabled={isLoadingCourses || courses.length === 0}
+                            onValueChange={onCourseChange}
+                            value={selectedCourseId}
+                        >
+                            <SelectTrigger
+                                className="student-course-select"
+                                size="sm"
+                            >
+                                <SelectValue placeholder="Pilih mata kuliah" />
+                            </SelectTrigger>
+                            <SelectContent>
+                                {courses.map((course) => (
+                                    <SelectItem
+                                        key={course.id}
+                                        value={String(course.id)}
+                                    >
+                                        {course.title}
+                                    </SelectItem>
+                                ))}
+                            </SelectContent>
+                        </Select>
+                    </div>
+
+                    <div className="student-composer-divider" />
+
+                    <div className="student-question-row">
+                        <Sparkles className="student-question-icon size-5" />
+                        <textarea
+                            className="text-base"
+                            aria-label="Pertanyaan"
+                            onChange={(event) =>
+                                onQuestionChange(event.target.value)
+                            }
+                            placeholder="Tulis pertanyaanmu disini..."
+                            value={question}
+                        />
+                    </div>
+
+                    <Button
+                        className="student-floating-send"
+                        disabled={
+                            isProcessing ||
+                            selectedCourseId.length === 0 ||
+                            question.trim().length === 0
+                        }
+                        size="icon"
+                        type="submit"
+                    >
+                        <Send className="size-5" />
+                    </Button>
+                </form>
+            </CardContent>
+        </Card>
+    );
+}
+
+export default function Mahasiswa() {
+    const [backendMessage, setBackendMessage] = useState<string>();
+    const [chatSessions, setChatSessions] = useState<ChatSessionResponse[]>([]);
+    const [courses, setCourses] = useState<CourseResponse[]>([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [question, setQuestion] = useState('');
+    const [selectedCourseId, setSelectedCourseId] = useState('');
+    const [studentName] = useState(getStoredStudentName);
+
+    useEffect(() => {
+        const controller = new AbortController();
+
+        async function loadDashboardData() {
+            const token = getStoredAuthToken() ?? undefined;
+            const [coursesResult, sessionsResult] = await Promise.allSettled([
+                ragApi.listCourses({ signal: controller.signal }),
+                ragApi.listChatSessions({ signal: controller.signal, token }),
+            ]);
+
+            if (controller.signal.aborted) {
+                return;
+            }
+
+            if (coursesResult.status === 'fulfilled') {
+                const nextCourses = coursesResult.value.data;
+
+                setCourses(nextCourses);
+                setSelectedCourseId((currentCourseId) => {
+                    if (currentCourseId || nextCourses.length === 0) {
+                        return currentCourseId;
+                    }
+
+                    return String(nextCourses[0].id);
+                });
+            } else if (!isAbortError(coursesResult.reason)) {
+                setBackendMessage(getRagErrorMessage(coursesResult.reason));
+            }
+
+            if (sessionsResult.status === 'fulfilled') {
+                setChatSessions(sessionsResult.value.data);
+            } else if (!isAbortError(sessionsResult.reason)) {
+                setBackendMessage(getRagErrorMessage(sessionsResult.reason));
+            }
+
+            setIsLoading(false);
+        }
+
+        void loadDashboardData();
+
+        return () => {
+            controller.abort();
+        };
+    }, []);
+
+    const handleQuestionSubmit = async (
+        event: FormEvent<HTMLFormElement>,
+    ): Promise<void> => {
+        event.preventDefault();
+
+        const trimmedQuestion = question.trim();
+
+        if (!selectedCourseId || !trimmedQuestion) {
+            return;
+        }
+
+        setIsProcessing(true);
+        setBackendMessage(undefined);
+
+        try {
+            const token = getStoredAuthToken() ?? undefined;
+            const session = await ragApi.createChatSession(
+                {
+                    course_id: selectedCourseId,
+                    title: trimmedQuestion,
+                },
+                token,
+            );
+
+            await ragApi.sendMessage(
+                session.uuid_id,
+                { content: trimmedQuestion },
+                token,
+            );
+
+            setChatSessions((currentSessions) => [session, ...currentSessions]);
+            setQuestion('');
+        } catch (error) {
+            setBackendMessage(getRagErrorMessage(error));
+        } finally {
+            setIsProcessing(false);
+        }
+    };
+
+    return (
+        <>
+            <Head title="RAG Hub" />
+
+            <SidebarProvider
+                className="student-dashboard-shell"
+                defaultOpen
+                style={sidebarStyle}
+            >
+                <StudentSidebar
+                    chatSessions={chatSessions}
+                    isLoading={isLoading}
+                    studentName={studentName}
+                />
+
+                <SidebarInset className="student-workspace">
+                    <header className="student-topbar">
+                        <h1 className="student-brand-title">RAG Hub</h1>
+
+                        <div className="student-topbar-actions">
+                            <AppearanceToggle className="student-theme-toggle" />
+                            <Button
+                                className="student-new-session-button"
+                                type="button"
+                            >
+                                + Sesi Baru
+                            </Button>
+                        </div>
+                    </header>
+
+                    <div className="student-chat-stage">
+                        <section className="student-empty-state">
+                            <div className="student-empty-icon">
+                                <MessageSquare className="size-8" />
+                            </div>
+
+                            <div className="student-greeting">
+                                <h2>Good Morning, {studentName}</h2>
+                                <p>
+                                    Pilih mata kuliah, lalu kirim pertanyaan
+                                    pertama untuk membuat sesi baru
+                                </p>
+                            </div>
+
+                            {backendMessage && (
+                                <p className="student-status">
+                                    {backendMessage}
+                                </p>
+                            )}
+
+                            <QuestionComposer
+                                courses={courses}
+                                isLoadingCourses={isLoading}
+                                isProcessing={isProcessing}
+                                onCourseChange={setSelectedCourseId}
+                                onQuestionChange={setQuestion}
+                                onSubmit={handleQuestionSubmit}
+                                question={question}
+                                selectedCourseId={selectedCourseId}
+                            />
+                        </section>
+                    </div>
+                </SidebarInset>
+            </SidebarProvider>
+        </>
+    );
+}

resources/js/pages/welcome.tsx

@@ -1,21 +1,99 @@
-import { Head } from '@inertiajs/react';
+import { Head, Link } from '@inertiajs/react';
+import type { LucideIcon } from 'lucide-react';
+import { BookOpen, ChevronRight, MessageSquare } from 'lucide-react';
+import type { ComponentProps } from 'react';
+import AppearanceToggle from '@/components/appearance-toggle';
+import { Card, CardContent } from '@/components/ui/card';
+import { login, mahasiswa, register } from '@/routes';
 
-const Welcome = () => {
+type WelcomeProps = {
+    canRegister?: boolean;
+};
+
+type AuthEntryCardProps = {
+    description: string;
+    href: NonNullable<ComponentProps<typeof Link>['href']>;
+    icon: LucideIcon;
+    title: string;
+};
+
+function AuthEntryCard({
+    description,
+    href,
+    icon: Icon,
+    title,
+}: AuthEntryCardProps) {
+    return (
+        <Card className="welcome-entry-card px-1 py-0">
+            <CardContent className="p-0">
+                <Link href={href} className="group welcome-entry-link">
+                    <div className="flex min-w-0 items-start gap-3">
+                        <div className="welcome-entry-icon">
+                            <Icon className="h-5 w-5" />
+                        </div>
+                        <div className="min-w-0">
+                            <p className="welcome-entry-title">{title}</p>
+                            <p className="welcome-entry-description">
+                                {description}
+                            </p>
+                        </div>
+                    </div>
+                    <ChevronRight className="welcome-entry-arrow" />
+                </Link>
+            </CardContent>
+        </Card>
+    );
+}
+
+export default function Welcome({ canRegister = true }: WelcomeProps) {
     return (
         <>
             <Head title="Welcome" />
-            <div>
-                <h1>SEVIMA RAG HUB</h1>
-                <p>ini adalah SEVIMA RAG HUB</p>
-                <div>
-                    <p>Masuk sebagai Dosen</p>
-                </div>
-                <div>
-                    <p>Masuk sebagai Mahasiswa</p>
-                </div>
-            </div>
+
+            <main className="welcome-shell">
+                <AppearanceToggle />
+
+                <section className="welcome-content">
+                    <div className="welcome-logo">
+                        <MessageSquare className="h-9 w-9" />
+                    </div>
+
+                    <header className="space-y-2 text-center">
+                        <h1 className="welcome-title">Sevima RAG Hub</h1>
+                        <p className="welcome-subtitle text-base">
+                            Pusat kelola dokumen dan Q&amp;A berbasis AI untuk
+                            lingkungan kampus
+                        </p>
+                    </header>
+
+                    <div className="welcome-entries">
+                        <AuthEntryCard
+                            href={login()}
+                            icon={BookOpen}
+                            title="Masuk sebagai Dosen"
+                            description="Kelola knowledge base dan dokumen"
+                        />
+                        <AuthEntryCard
+                            href={login()}
+                            icon={MessageSquare}
+                            title="Masuk sebagai Mahasiswa"
+                            description="Tanya jawab materi kuliah dengan AI"
+                        />
+                    </div>
+
+                    {canRegister && (
+                        <p className="welcome-register text-base">
+                            Belum punya akun?{' '}
+                            <Link
+                                href={register()}
+                                className="welcome-register-link"
+                            >
+                                Register
+                            </Link>
+                        </p>
+                    )}
+                </section>
+            </main>
         </>
     );
-};
-
-export default Welcome;
+}

routes/web.php

@@ -7,8 +7,12 @@
     'canRegister' => Features::enabled(Features::registration()),
 ])->name('home');
 
-Route::middleware(['auth', 'verified'])->group(function () {
-    Route::inertia('dashboard', 'dashboard')->name('dashboard');
-});
+Route::inertia('dashboard', 'dashboard')->name('dashboard');
+
+Route::inertia('register/mahasiswa', 'auth/register-mahasiswa')->name('register.mahasiswa');
+
+Route::inertia('register/dosen', 'auth/register-dosen')->name('register.dosen');
+
+Route::inertia('mahasiswa', 'mahasiswa')->name('mahasiswa');
 
 require __DIR__.'/settings.php';

sevima-raghub.json

@@ -0,0 +1,2060 @@
+{
+    "openapi": "3.1.0",
+    "info": {
+        "title": "fca-api",
+        "version": "0.0.1"
+    },
+    "paths": {
+        "/": {
+            "get": {
+                "summary": "Root",
+                "operationId": "root__get",
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {}
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/auth/register": {
+            "post": {
+                "tags": ["v1", "auth"],
+                "summary": "Register",
+                "description": "Register a new user (student or lecturer). Source: openapi-spec /auth/register",
+                "operationId": "register_api_v1_auth_register_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/RegisterRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "201": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/RegisterResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/auth/login": {
+            "post": {
+                "tags": ["v1", "auth"],
+                "summary": "Login",
+                "description": "Login with email + password and receive a JWT. Source: openapi-spec /auth/login",
+                "operationId": "login_api_v1_auth_login_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/LoginRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/LoginResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/auth/login/api-key": {
+            "post": {
+                "tags": ["v1", "auth"],
+                "summary": "Login With Api Key",
+                "description": "Exchange an API key for a JWT. Source: openapi-spec /auth/login/api-key",
+                "operationId": "login_with_api_key_api_v1_auth_login_api_key_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/ApiKeyLoginRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/LoginResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/auth/api-keys": {
+            "post": {
+                "tags": ["v1", "auth"],
+                "summary": "Generate Api Key",
+                "description": "Generate a new API key. Restricted to lecturers and admins. Source: openapi-spec /auth/api-keys",
+                "operationId": "generate_api_key_api_v1_auth_api_keys_post",
+                "responses": {
+                    "201": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ApiKeyGenerateResponse"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/documents/upload": {
+            "post": {
+                "tags": ["v1", "documents"],
+                "summary": "Upload course material document",
+                "description": "Upload a file to be used as a knowledge base. Supported formats: PDF, PPT, PPTX, TXT, XLS, XLSX. Maximum size: 100 MB. Asynchronous — use the status endpoint to check progress.",
+                "operationId": "upload_document_api_v1_documents_upload_post",
+                "requestBody": {
+                    "content": {
+                        "multipart/form-data": {
+                            "schema": {
+                                "$ref": "#/components/schemas/Body_upload_document_api_v1_documents_upload_post"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "202": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/UploadDocumentResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/courses/{course_id}/documents": {
+            "get": {
+                "tags": ["v1", "documents"],
+                "summary": "List documents per course",
+                "description": "Get all knowledge base documents for a specific course.",
+                "operationId": "list_documents_by_course_api_v1_courses__course_id__documents_get",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "string",
+                            "title": "Course Id"
+                        },
+                        "name": "course_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/DocumentListResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/courses": {
+            "get": {
+                "tags": ["v1", "courses"],
+                "summary": "List courses",
+                "operationId": "get_courses_api_v1_courses_get",
+                "parameters": [
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "integer",
+                            "minimum": 1.0,
+                            "title": "Page",
+                            "default": 1
+                        },
+                        "name": "page",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "integer",
+                            "minimum": 1.0,
+                            "title": "Limit",
+                            "default": 10
+                        },
+                        "name": "limit",
+                        "in": "query"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/CourseListResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "post": {
+                "tags": ["v1", "courses"],
+                "summary": "Create course",
+                "operationId": "create_course_api_v1_courses_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/CreateCourseRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "201": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/CourseResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/courses/{course_id}": {
+            "get": {
+                "tags": ["v1", "courses"],
+                "summary": "Get course detail",
+                "operationId": "get_course_api_v1_courses__course_id__get",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "Course Id"
+                        },
+                        "name": "course_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/CourseResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "put": {
+                "tags": ["v1", "courses"],
+                "summary": "Update course",
+                "operationId": "update_course_api_v1_courses__course_id__put",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "Course Id"
+                        },
+                        "name": "course_id",
+                        "in": "path"
+                    }
+                ],
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/UpdateCourseRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/CourseResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "delete": {
+                "tags": ["v1", "courses"],
+                "summary": "Delete course",
+                "operationId": "delete_course_api_v1_courses__course_id__delete",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "Course Id"
+                        },
+                        "name": "course_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {}
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/api/v1/user": {
+            "get": {
+                "tags": ["v1", "user"],
+                "summary": "Get User List",
+                "operationId": "get_user_list_api_v1_user_get",
+                "parameters": [
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Email"
+                        },
+                        "name": "email",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "User Token"
+                        },
+                        "name": "user_token",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Name"
+                        },
+                        "name": "name",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "$ref": "#/components/schemas/app__schema__user_schema__Role"
+                        },
+                        "name": "role",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Identity Number"
+                        },
+                        "name": "identity_number",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "boolean",
+                            "title": "Is Active"
+                        },
+                        "name": "is_active",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "boolean",
+                            "title": "Is Superuser"
+                        },
+                        "name": "is_superuser",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Ordering"
+                        },
+                        "name": "ordering",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "integer",
+                            "title": "Page"
+                        },
+                        "name": "page",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "anyOf": [
+                                {
+                                    "type": "integer"
+                                },
+                                {
+                                    "type": "string"
+                                }
+                            ],
+                            "title": "Page Size"
+                        },
+                        "name": "page_size",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Email  Eq"
+                        },
+                        "name": "email__eq",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Identity Number  Eq"
+                        },
+                        "name": "identity_number__eq",
+                        "in": "query"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/FindUserResult"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    },
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "post": {
+                "tags": ["v1", "user"],
+                "summary": "Create User",
+                "operationId": "create_user_api_v1_user_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/UpsertUser"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/User"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    },
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/user/{user_id}": {
+            "get": {
+                "tags": ["v1", "user"],
+                "summary": "Get User",
+                "operationId": "get_user_api_v1_user__user_id__get",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "User Id"
+                        },
+                        "name": "user_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/User"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    },
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "delete": {
+                "tags": ["v1", "user"],
+                "summary": "Delete User",
+                "operationId": "delete_user_api_v1_user__user_id__delete",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "User Id"
+                        },
+                        "name": "user_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/Blank"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    },
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "patch": {
+                "tags": ["v1", "user"],
+                "summary": "Update User",
+                "operationId": "update_user_api_v1_user__user_id__patch",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "title": "User Id"
+                        },
+                        "name": "user_id",
+                        "in": "path"
+                    }
+                ],
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/UpsertUser"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/User"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    },
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/chats/sessions": {
+            "get": {
+                "tags": ["v1", "Chat"],
+                "summary": "Get Chat Sessions",
+                "description": "List chat sessions with pagination.",
+                "operationId": "get_chat_sessions_api_v1_chats_sessions_get",
+                "parameters": [
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "integer",
+                            "minimum": 1.0,
+                            "title": "Page",
+                            "default": 1
+                        },
+                        "name": "page",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "integer",
+                            "minimum": 1.0,
+                            "title": "Limit",
+                            "default": 10
+                        },
+                        "name": "limit",
+                        "in": "query"
+                    },
+                    {
+                        "required": false,
+                        "schema": {
+                            "type": "string",
+                            "title": "Course Id"
+                        },
+                        "name": "course_id",
+                        "in": "query"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatSessionListResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "post": {
+                "tags": ["v1", "Chat"],
+                "summary": "Create Chat Session",
+                "description": "Create a new chat session.",
+                "operationId": "create_chat_session_api_v1_chats_sessions_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/CreateChatSessionRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "201": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatSessionResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/chats/sessions/{session_id}": {
+            "get": {
+                "tags": ["v1", "Chat"],
+                "summary": "Get Chat Session",
+                "description": "Get chat session details.",
+                "operationId": "get_chat_session_api_v1_chats_sessions__session_id__get",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "string",
+                            "title": "Session Id"
+                        },
+                        "name": "session_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatSessionResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "delete": {
+                "tags": ["v1", "Chat"],
+                "summary": "Delete Chat Session",
+                "description": "Delete a chat session.",
+                "operationId": "delete_chat_session_api_v1_chats_sessions__session_id__delete",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "string",
+                            "title": "Session Id"
+                        },
+                        "name": "session_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {}
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/chats/sessions/{session_id}/messages": {
+            "get": {
+                "tags": ["v1", "Chat"],
+                "summary": "Get Chat History",
+                "description": "Get all messages in a session.",
+                "operationId": "get_chat_history_api_v1_chats_sessions__session_id__messages_get",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "string",
+                            "title": "Session Id"
+                        },
+                        "name": "session_id",
+                        "in": "path"
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatHistoryResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            },
+            "post": {
+                "tags": ["v1", "Chat"],
+                "summary": "Send Message Rest",
+                "description": "Send a message to AI via REST fallback.",
+                "operationId": "send_message_rest_api_v1_chats_sessions__session_id__messages_post",
+                "parameters": [
+                    {
+                        "required": true,
+                        "schema": {
+                            "type": "string",
+                            "title": "Session Id"
+                        },
+                        "name": "session_id",
+                        "in": "path"
+                    }
+                ],
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/ChatRESTRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatMessageResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        },
+        "/api/v1/ai/query": {
+            "post": {
+                "tags": ["v1", "Chat"],
+                "summary": "Query Ai Direct",
+                "description": "Send a direct question to AI (without session history).",
+                "operationId": "query_ai_direct_api_v1_ai_query_post",
+                "requestBody": {
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "$ref": "#/components/schemas/ChatQueryRequest"
+                            }
+                        }
+                    },
+                    "required": true
+                },
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/ChatQueryResponse"
+                                }
+                            }
+                        }
+                    },
+                    "422": {
+                        "description": "Validation Error",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "$ref": "#/components/schemas/HTTPValidationError"
+                                }
+                            }
+                        }
+                    }
+                },
+                "security": [
+                    {
+                        "JWTBearer": []
+                    }
+                ]
+            }
+        }
+    },
+    "components": {
+        "schemas": {
+            "ApiKeyGenerateResponse": {
+                "properties": {
+                    "api_key": {
+                        "type": "string",
+                        "title": "Api Key"
+                    },
+                    "expires_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Expires At"
+                    }
+                },
+                "type": "object",
+                "required": ["api_key"],
+                "title": "ApiKeyGenerateResponse",
+                "description": "POST /auth/api-keys — 201 response. Raw key returned ONCE."
+            },
+            "ApiKeyLoginRequest": {
+                "properties": {
+                    "api_key": {
+                        "type": "string",
+                        "title": "Api Key"
+                    }
+                },
+                "type": "object",
+                "required": ["api_key"],
+                "title": "ApiKeyLoginRequest",
+                "description": "POST /auth/login/api-key — body."
+            },
+            "Blank": {
+                "properties": {},
+                "type": "object",
+                "title": "Blank"
+            },
+            "Body_upload_document_api_v1_documents_upload_post": {
+                "properties": {
+                    "file": {
+                        "type": "string",
+                        "format": "binary",
+                        "title": "File",
+                        "description": "Course material file"
+                    },
+                    "course_id": {
+                        "type": "string",
+                        "title": "Course Id",
+                        "description": "Target course UUID"
+                    }
+                },
+                "type": "object",
+                "required": ["file", "course_id"],
+                "title": "Body_upload_document_api_v1_documents_upload_post"
+            },
+            "ChatHistoryResponse": {
+                "properties": {
+                    "data": {
+                        "items": {
+                            "$ref": "#/components/schemas/ChatMessageResponse"
+                        },
+                        "type": "array",
+                        "title": "Data"
+                    }
+                },
+                "type": "object",
+                "required": ["data"],
+                "title": "ChatHistoryResponse",
+                "description": "Response format for GET /sessions/{session_id}/messages."
+            },
+            "ChatMessageResponse": {
+                "properties": {
+                    "uuid_id": {
+                        "type": "string",
+                        "title": "Uuid Id",
+                        "description": "Public UUID of the message"
+                    },
+                    "role": {
+                        "type": "string",
+                        "title": "Role"
+                    },
+                    "content": {
+                        "type": "string",
+                        "title": "Content"
+                    },
+                    "sources": {
+                        "items": {
+                            "$ref": "#/components/schemas/DocumentSourceDTO"
+                        },
+                        "type": "array",
+                        "title": "Sources",
+                        "default": []
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    }
+                },
+                "type": "object",
+                "required": ["uuid_id", "role", "content", "created_at"],
+                "title": "ChatMessageResponse",
+                "description": "Mirrors the message object in OpenAPI spec."
+            },
+            "ChatQueryRequest": {
+                "properties": {
+                    "prompt": {
+                        "type": "string",
+                        "title": "Prompt",
+                        "description": "The user\u0027s prompt text."
+                    },
+                    "course_id": {
+                        "type": "string",
+                        "title": "Course Id",
+                        "description": "UUID of the course context."
+                    }
+                },
+                "type": "object",
+                "required": ["prompt", "course_id"],
+                "title": "ChatQueryRequest",
+                "description": "Payload for direct AI query (non-session)."
+            },
+            "ChatQueryResponse": {
+                "properties": {
+                    "message_id": {
+                        "type": "string",
+                        "title": "Message Id"
+                    },
+                    "role": {
+                        "type": "string",
+                        "title": "Role",
+                        "default": "assistant"
+                    },
+                    "content": {
+                        "type": "string",
+                        "title": "Content"
+                    },
+                    "sources": {
+                        "items": {
+                            "$ref": "#/components/schemas/DocumentSourceDTO"
+                        },
+                        "type": "array",
+                        "title": "Sources",
+                        "default": []
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    }
+                },
+                "type": "object",
+                "required": ["message_id", "content", "created_at"],
+                "title": "ChatQueryResponse",
+                "description": "Response format for POST /ai/query (direct query without session)."
+            },
+            "ChatRESTRequest": {
+                "properties": {
+                    "content": {
+                        "type": "string",
+                        "title": "Content",
+                        "description": "The user\u0027s prompt text."
+                    }
+                },
+                "type": "object",
+                "required": ["content"],
+                "title": "ChatRESTRequest",
+                "description": "Payload for the REST fallback endpoint sending a message to a session."
+            },
+            "ChatSessionListResponse": {
+                "properties": {
+                    "data": {
+                        "items": {
+                            "$ref": "#/components/schemas/ChatSessionResponse"
+                        },
+                        "type": "array",
+                        "title": "Data"
+                    },
+                    "pagination": {
+                        "$ref": "#/components/schemas/PaginationDTO"
+                    }
+                },
+                "type": "object",
+                "required": ["data", "pagination"],
+                "title": "ChatSessionListResponse"
+            },
+            "ChatSessionResponse": {
+                "properties": {
+                    "uuid_id": {
+                        "type": "string",
+                        "title": "Uuid Id",
+                        "description": "Public UUID of the session."
+                    },
+                    "user_id": {
+                        "type": "string",
+                        "title": "User Id",
+                        "description": "User\u0027s public UUID (mocked or stringified internally if missing)."
+                    },
+                    "user_name": {
+                        "type": "string",
+                        "title": "User Name"
+                    },
+                    "course_id": {
+                        "type": "string",
+                        "title": "Course Id"
+                    },
+                    "course_name": {
+                        "type": "string",
+                        "title": "Course Name"
+                    },
+                    "title": {
+                        "type": "string",
+                        "title": "Title"
+                    },
+                    "message_count": {
+                        "type": "integer",
+                        "title": "Message Count"
+                    },
+                    "last_message_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Last Message At"
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    },
+                    "updated_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Updated At"
+                    }
+                },
+                "type": "object",
+                "required": [
+                    "uuid_id",
+                    "user_id",
+                    "course_id",
+                    "title",
+                    "message_count",
+                    "created_at",
+                    "updated_at"
+                ],
+                "title": "ChatSessionResponse",
+                "description": "Mirrors the ChatSession schema in OpenAPI spec."
+            },
+            "CourseListResponse": {
+                "properties": {
+                    "data": {
+                        "items": {
+                            "$ref": "#/components/schemas/CourseResponse"
+                        },
+                        "type": "array",
+                        "title": "Data"
+                    },
+                    "total": {
+                        "type": "integer",
+                        "title": "Total"
+                    },
+                    "page": {
+                        "type": "integer",
+                        "title": "Page"
+                    },
+                    "limit": {
+                        "type": "integer",
+                        "title": "Limit"
+                    }
+                },
+                "type": "object",
+                "required": ["data", "total", "page", "limit"],
+                "title": "CourseListResponse"
+            },
+            "CourseResponse": {
+                "properties": {
+                    "id": {
+                        "type": "integer",
+                        "title": "Id"
+                    },
+                    "title": {
+                        "type": "string",
+                        "title": "Title"
+                    },
+                    "description": {
+                        "type": "string",
+                        "title": "Description"
+                    }
+                },
+                "type": "object",
+                "required": ["id", "title"],
+                "title": "CourseResponse"
+            },
+            "CreateChatSessionRequest": {
+                "properties": {
+                    "course_id": {
+                        "type": "string",
+                        "title": "Course Id",
+                        "description": "UUID of the course"
+                    },
+                    "title": {
+                        "type": "string",
+                        "title": "Title",
+                        "description": "Session title"
+                    }
+                },
+                "type": "object",
+                "required": ["course_id", "title"],
+                "title": "CreateChatSessionRequest"
+            },
+            "CreateCourseRequest": {
+                "properties": {
+                    "title": {
+                        "type": "string",
+                        "title": "Title"
+                    },
+                    "description": {
+                        "type": "string",
+                        "title": "Description"
+                    }
+                },
+                "type": "object",
+                "required": ["title"],
+                "title": "CreateCourseRequest"
+            },
+            "DocumentListResponse": {
+                "properties": {
+                    "data": {
+                        "items": {
+                            "$ref": "#/components/schemas/DocumentResponse"
+                        },
+                        "type": "array",
+                        "title": "Data"
+                    }
+                },
+                "type": "object",
+                "required": ["data"],
+                "title": "DocumentListResponse",
+                "description": "GET /courses/{course_id}/documents — 200 response wrapper."
+            },
+            "DocumentResponse": {
+                "properties": {
+                    "id": {
+                        "type": "string",
+                        "title": "Id"
+                    },
+                    "filename": {
+                        "type": "string",
+                        "title": "Filename"
+                    },
+                    "file_type": {
+                        "$ref": "#/components/schemas/FileType"
+                    },
+                    "file_size": {
+                        "type": "integer",
+                        "title": "File Size"
+                    },
+                    "status": {
+                        "$ref": "#/components/schemas/DocumentStatus"
+                    },
+                    "course_id": {
+                        "type": "string",
+                        "title": "Course Id"
+                    },
+                    "course_name": {
+                        "type": "string",
+                        "title": "Course Name"
+                    },
+                    "uploaded_by": {
+                        "type": "string",
+                        "title": "Uploaded By"
+                    },
+                    "uploader_name": {
+                        "type": "string",
+                        "title": "Uploader Name"
+                    },
+                    "summary": {
+                        "type": "string",
+                        "title": "Summary"
+                    },
+                    "chunk_count": {
+                        "type": "integer",
+                        "title": "Chunk Count"
+                    },
+                    "error": {
+                        "type": "string",
+                        "title": "Error"
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    },
+                    "updated_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Updated At"
+                    }
+                },
+                "type": "object",
+                "required": [
+                    "id",
+                    "filename",
+                    "file_type",
+                    "file_size",
+                    "status",
+                    "course_id",
+                    "uploaded_by",
+                    "created_at",
+                    "updated_at"
+                ],
+                "title": "DocumentResponse",
+                "description": "Mirrors the OpenAPI `Document` schema exactly (snake_case, all fields).\nConsumers should use `from_document()` to build from a DB record."
+            },
+            "DocumentSourceDTO": {
+                "properties": {
+                    "document_id": {
+                        "type": "string",
+                        "title": "Document Id"
+                    },
+                    "filename": {
+                        "type": "string",
+                        "title": "Filename"
+                    },
+                    "excerpt": {
+                        "type": "string",
+                        "title": "Excerpt"
+                    }
+                },
+                "type": "object",
+                "required": ["document_id", "filename", "excerpt"],
+                "title": "DocumentSourceDTO"
+            },
+            "DocumentStatus": {
+                "type": "string",
+                "enum": ["processing", "ready", "failed"],
+                "title": "DocumentStatus",
+                "description": "An enumeration."
+            },
+            "FileType": {
+                "type": "string",
+                "enum": ["pdf", "ppt", "pptx", "txt", "xls", "xlsx"],
+                "title": "FileType",
+                "description": "An enumeration."
+            },
+            "FindUserResult": {
+                "properties": {
+                    "founds": {
+                        "items": {
+                            "$ref": "#/components/schemas/User"
+                        },
+                        "type": "array",
+                        "title": "Founds"
+                    },
+                    "search_options": {
+                        "$ref": "#/components/schemas/SearchOptions"
+                    }
+                },
+                "type": "object",
+                "title": "FindUserResult"
+            },
+            "HTTPValidationError": {
+                "properties": {
+                    "detail": {
+                        "items": {
+                            "$ref": "#/components/schemas/ValidationError"
+                        },
+                        "type": "array",
+                        "title": "Detail"
+                    }
+                },
+                "type": "object",
+                "title": "HTTPValidationError"
+            },
+            "LoginRequest": {
+                "properties": {
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "password": {
+                        "type": "string",
+                        "title": "Password"
+                    }
+                },
+                "type": "object",
+                "required": ["email", "password"],
+                "title": "LoginRequest",
+                "description": "POST /auth/login — body."
+            },
+            "LoginResponse": {
+                "properties": {
+                    "token": {
+                        "type": "string",
+                        "title": "Token"
+                    },
+                    "user": {
+                        "$ref": "#/components/schemas/UserResponse"
+                    }
+                },
+                "type": "object",
+                "required": ["token", "user"],
+                "title": "LoginResponse",
+                "description": "POST /auth/login and POST /auth/login/api-key — 200 response."
+            },
+            "PaginationDTO": {
+                "properties": {
+                    "page": {
+                        "type": "integer",
+                        "title": "Page"
+                    },
+                    "limit": {
+                        "type": "integer",
+                        "title": "Limit"
+                    },
+                    "total": {
+                        "type": "integer",
+                        "title": "Total"
+                    },
+                    "total_pages": {
+                        "type": "integer",
+                        "title": "Total Pages"
+                    }
+                },
+                "type": "object",
+                "required": ["page", "limit", "total", "total_pages"],
+                "title": "PaginationDTO"
+            },
+            "RegisterRequest": {
+                "properties": {
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "password": {
+                        "type": "string",
+                        "minLength": 6,
+                        "title": "Password"
+                    },
+                    "name": {
+                        "type": "string",
+                        "title": "Name"
+                    },
+                    "role": {
+                        "$ref": "#/components/schemas/app__schema__auth_schema__Role"
+                    },
+                    "identity_number": {
+                        "type": "string",
+                        "title": "Identity Number",
+                        "description": "Student ID (NIM), Lecturer ID (NIP), or uppercase code followed by digits"
+                    }
+                },
+                "type": "object",
+                "required": [
+                    "email",
+                    "password",
+                    "name",
+                    "role",
+                    "identity_number"
+                ],
+                "title": "RegisterRequest",
+                "description": "POST /auth/register — body."
+            },
+            "RegisterResponse": {
+                "properties": {
+                    "message": {
+                        "type": "string",
+                        "title": "Message"
+                    },
+                    "user": {
+                        "$ref": "#/components/schemas/UserResponse"
+                    }
+                },
+                "type": "object",
+                "required": ["message", "user"],
+                "title": "RegisterResponse",
+                "description": "POST /auth/register — 201 response."
+            },
+            "SearchOptions": {
+                "properties": {
+                    "ordering": {
+                        "type": "string",
+                        "title": "Ordering"
+                    },
+                    "page": {
+                        "type": "integer",
+                        "title": "Page"
+                    },
+                    "page_size": {
+                        "anyOf": [
+                            {
+                                "type": "integer"
+                            },
+                            {
+                                "type": "string"
+                            }
+                        ],
+                        "title": "Page Size"
+                    },
+                    "total_count": {
+                        "type": "integer",
+                        "title": "Total Count"
+                    }
+                },
+                "type": "object",
+                "title": "SearchOptions"
+            },
+            "SignIn": {
+                "properties": {
+                    "email__eq": {
+                        "type": "string",
+                        "title": "Email  Eq"
+                    },
+                    "password": {
+                        "type": "string",
+                        "minLength": 6,
+                        "title": "Password"
+                    }
+                },
+                "type": "object",
+                "required": ["email__eq", "password"],
+                "title": "SignIn"
+            },
+            "SignInResponse": {
+                "properties": {
+                    "access_token": {
+                        "type": "string",
+                        "title": "Access Token"
+                    },
+                    "expiration": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Expiration"
+                    },
+                    "user_info": {
+                        "title": "User Info"
+                    }
+                },
+                "type": "object",
+                "required": ["access_token", "expiration"],
+                "title": "SignInResponse"
+            },
+            "SignUp": {
+                "properties": {
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "password": {
+                        "type": "string",
+                        "minLength": 6,
+                        "title": "Password"
+                    },
+                    "name": {
+                        "type": "string",
+                        "title": "Name"
+                    },
+                    "role": {
+                        "$ref": "#/components/schemas/app__schema__auth_schema__Role"
+                    },
+                    "identity_number": {
+                        "type": "string",
+                        "title": "Identity Number"
+                    }
+                },
+                "type": "object",
+                "required": [
+                    "email",
+                    "password",
+                    "name",
+                    "role",
+                    "identity_number"
+                ],
+                "title": "SignUp"
+            },
+            "UpdateCourseRequest": {
+                "properties": {
+                    "title": {
+                        "type": "string",
+                        "title": "Title"
+                    },
+                    "description": {
+                        "type": "string",
+                        "title": "Description"
+                    }
+                },
+                "type": "object",
+                "title": "UpdateCourseRequest"
+            },
+            "UploadDocumentResponse": {
+                "properties": {
+                    "document_id": {
+                        "type": "string",
+                        "title": "Document Id"
+                    },
+                    "filename": {
+                        "type": "string",
+                        "title": "Filename"
+                    },
+                    "status": {
+                        "$ref": "#/components/schemas/DocumentStatus"
+                    },
+                    "message": {
+                        "type": "string",
+                        "title": "Message"
+                    }
+                },
+                "type": "object",
+                "required": ["document_id", "filename", "status", "message"],
+                "title": "UploadDocumentResponse",
+                "description": "POST /documents/upload — 202 Accepted response.\nSource: openapi-spec.yml /documents/upload 202 schema"
+            },
+            "UpsertUser": {
+                "properties": {
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "user_token": {
+                        "type": "string",
+                        "title": "User Token"
+                    },
+                    "name": {
+                        "type": "string",
+                        "title": "Name"
+                    },
+                    "role": {
+                        "$ref": "#/components/schemas/app__schema__user_schema__Role"
+                    },
+                    "identity_number": {
+                        "type": "string",
+                        "title": "Identity Number"
+                    },
+                    "is_active": {
+                        "type": "boolean",
+                        "title": "Is Active"
+                    },
+                    "is_superuser": {
+                        "type": "boolean",
+                        "title": "Is Superuser"
+                    }
+                },
+                "type": "object",
+                "title": "UpsertUser"
+            },
+            "User": {
+                "properties": {
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "user_token": {
+                        "type": "string",
+                        "title": "User Token"
+                    },
+                    "name": {
+                        "type": "string",
+                        "title": "Name"
+                    },
+                    "role": {
+                        "$ref": "#/components/schemas/app__schema__user_schema__Role"
+                    },
+                    "identity_number": {
+                        "type": "string",
+                        "title": "Identity Number"
+                    },
+                    "is_active": {
+                        "type": "boolean",
+                        "title": "Is Active"
+                    },
+                    "is_superuser": {
+                        "type": "boolean",
+                        "title": "Is Superuser"
+                    },
+                    "id": {
+                        "type": "integer",
+                        "title": "Id"
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    },
+                    "updated_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Updated At"
+                    }
+                },
+                "type": "object",
+                "title": "User"
+            },
+            "UserResponse": {
+                "properties": {
+                    "id": {
+                        "type": "integer",
+                        "title": "Id"
+                    },
+                    "identity_number": {
+                        "type": "string",
+                        "title": "Identity Number"
+                    },
+                    "name": {
+                        "type": "string",
+                        "title": "Name"
+                    },
+                    "role": {
+                        "$ref": "#/components/schemas/app__schema__auth_schema__Role"
+                    },
+                    "email": {
+                        "type": "string",
+                        "title": "Email"
+                    },
+                    "status": {
+                        "$ref": "#/components/schemas/UserStatus"
+                    },
+                    "created_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Created At"
+                    },
+                    "updated_at": {
+                        "type": "string",
+                        "format": "date-time",
+                        "title": "Updated At"
+                    }
+                },
+                "type": "object",
+                "required": [
+                    "id",
+                    "identity_number",
+                    "role",
+                    "email",
+                    "status",
+                    "created_at",
+                    "updated_at"
+                ],
+                "title": "UserResponse",
+                "description": "Mirrors the OpenAPI `User` schema.\nMaps `is_active: bool` → `status: active|inactive` at serialization time.\n[ENGINEERING DECISION] DB column stays as `is_active` to avoid a migration\nbreaking change; the mapping is handled here in the Pydantic layer."
+            },
+            "UserStatus": {
+                "type": "string",
+                "enum": ["active", "inactive"],
+                "title": "UserStatus",
+                "description": "An enumeration."
+            },
+            "ValidationError": {
+                "properties": {
+                    "loc": {
+                        "items": {
+                            "anyOf": [
+                                {
+                                    "type": "string"
+                                },
+                                {
+                                    "type": "integer"
+                                }
+                            ]
+                        },
+                        "type": "array",
+                        "title": "Location"
+                    },
+                    "msg": {
+                        "type": "string",
+                        "title": "Message"
+                    },
+                    "type": {
+                        "type": "string",
+                        "title": "Error Type"
+                    }
+                },
+                "type": "object",
+                "required": ["loc", "msg", "type"],
+                "title": "ValidationError"
+            },
+            "app__schema__auth_schema__Role": {
+                "type": "string",
+                "enum": ["admin", "student", "lecturer"],
+                "title": "Role",
+                "description": "An enumeration."
+            },
+            "app__schema__user_schema__Role": {
+                "type": "string",
+                "enum": ["student", "lecturer", "admin"],
+                "title": "Role",
+                "description": "An enumeration."
+            }
+        },
+        "securitySchemes": {
+            "JWTBearer": {
+                "type": "http",
+                "scheme": "bearer"
+            }
+        }
+    }
+}

tests/Feature/Auth/RegistrationTest.php

@@ -1,5 +1,6 @@
 <?php
 
+use Inertia\Testing\AssertableInertia as Assert;
 use Laravel\Fortify\Features;
 
 beforeEach(function () {
@@ -10,8 +11,23 @@
     $response = $this->get(route('register'));
 
     $response->assertOk();
+
+    $response->assertInertia(fn (Assert $page) => $page
+        ->component('auth/register-choice'),
+    );
 });
 
+test('role registration screens can be rendered', function (string $routeName, string $component) {
+    $this->get(route($routeName))
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->component($component),
+        );
+})->with([
+    'mahasiswa' => ['register.mahasiswa', 'auth/register-mahasiswa'],
+    'dosen' => ['register.dosen', 'auth/register-dosen'],
+]);
+
 test('new users can register', function () {
     $response = $this->post(route('register.store'), [
         'name' => 'Test User',
@@ -22,4 +38,4 @@
 
     $this->assertAuthenticated();
     $response->assertRedirect(route('dashboard', absolute: false));
-});
+});

vite.config.ts

@@ -12,8 +12,8 @@ export default defineConfig({
             input: ['resources/css/app.css', 'resources/js/app.tsx'],
             refresh: true,
             fonts: [
-                bunny('Instrument Sans', {
-                    weights: [400, 500, 600],
+                bunny('Inter', {
+                    weights: [400, 500, 600, 700],
                 }),
             ],
         }),