fix: priority 4,3,2

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

@@ -1,4 +1,4 @@
-import { Head, Link } from '@inertiajs/react';
+import { Head, Link, router } from '@inertiajs/react';
 import type { FormEvent } from 'react';
 import { useState } from 'react';
 
@@ -9,7 +9,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Spinner } from '@/components/ui/spinner';
 import { RagApiError, registerUser } from '@/lib/rag-client';
-import { register } from '@/routes';
+import { login, register } from '@/routes';
 
 const roleContent = {
     mahasiswa: {
@@ -91,9 +91,13 @@ function validateRegisterForm(
     }
 
     if (!normalizedIdentityNumber) {
-        errors.identity_number = `${identifierLabel} wajib diisi.`;
-    } else if (!identityNumberPattern.test(normalizedIdentityNumber)) {
-        errors.identity_number = `${identifierLabel} hanya boleh angka.`;
+        errors.identity_number = `${identifierLabel} wajib diisi`;
+    } else if (!/^\d+$/.test(normalizedIdentityNumber)) {
+        errors.identity_number = `${identifierLabel} hanya boleh angka`;
+    } else if (normalizedIdentityNumber.length < 5) {
+        errors.identity_number = `${identifierLabel} minimal 5 digit`;
+    } else if (normalizedIdentityNumber.length > 30) {
+        errors.identity_number = `${identifierLabel} maksimal 30 digit`;
     }
 
     if (!normalizedEmail) {
@@ -311,7 +315,8 @@ export default function RegisterRoleForm({ role }: RegisterRoleFormProps) {
             setFieldErrors({});
             setFormValues(emptyFormValues);
             setTouchedFields({});
-            setSuccessMessage('Registrasi berhasil. Silakan login.');
+            setSuccessMessage('Registrasi berhasil! Mengalihkan ke halaman login...');
+            setTimeout(() => router.visit(login()), 2000);
         } catch (err) {
             if (err instanceof RagApiError) {
                 const parsed = parseRegisterApiError(err);

resources/js/components/student/student-shell.tsx

@@ -157,7 +157,7 @@ function StudentSidebar({
     const [isLogoutDialogOpen, setIsLogoutDialogOpen] = useState(false);
     const [sessionToDelete, setSessionToDelete] =
         useState<ChatSessionResponse>();
-    const { state } = useSidebar();
+    const { state, toggleSidebar } = useSidebar();
     const isSidebarCollapsed = state === 'collapsed';
 
     function handleDeleteDialogOpenChange(open: boolean): void {
@@ -211,6 +211,10 @@ function StudentSidebar({
                                         <SidebarMenuButton
                                             className="student-history-menu-button"
                                             tooltip="Riwayat Chat"
+                                            onClick={() => {
+                                                toggleSidebar();
+                                                setIsHistoryOpen(true);
+                                            }}
                                         >
                                             <Clock3 className="student-history-menu-icon size-4" />
                                             <span className="student-history-copy">
@@ -508,6 +512,7 @@ export function StudentShell({
 
             <SidebarInset className="student-workspace">
                 <header className="student-topbar">
+                    <SidebarTrigger className="md:hidden" />
                     <h1 className="student-brand-title">RAG Hub</h1>
 
                     <div className="student-topbar-actions">

resources/js/pages/dosen.tsx

@@ -1,6 +1,6 @@
 import { Head, router } from '@inertiajs/react';
 import type { LucideIcon } from 'lucide-react';
-import { AlertTriangle, Database, FileText, Plus, Search } from 'lucide-react';
+import { AlertTriangle, Database, FileText, Info, Plus, Search } from 'lucide-react';
 import type { FormEvent, ReactNode } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 
@@ -19,6 +19,12 @@ import {
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { LoadingIndicator } from '@/components/ui/loading-indicator';
+import {
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+} from '@/components/ui/tooltip';
 import {
     createCourse,
     listCourseDocuments,
@@ -41,6 +47,7 @@ type Metric = {
     label: string;
     value: ReactNode;
     description?: string;
+    tooltip?: string;
     icon: LucideIcon;
     tone: 'primary' | 'danger';
 };
@@ -103,7 +110,21 @@ function MetricCard({ metric }: { metric: Metric }) {
                 </span>
 
                 <div className="lecturer-metric-copy">
-                    <p>{metric.label}</p>
+                    <div className="flex items-center gap-1.5">
+                        <p>{metric.label}</p>
+                        {metric.tooltip && (
+                            <TooltipProvider>
+                                <Tooltip>
+                                    <TooltipTrigger asChild>
+                                        <Info className="size-3.5 cursor-help text-muted-foreground" />
+                                    </TooltipTrigger>
+                                    <TooltipContent side="top">
+                                        {metric.tooltip}
+                                    </TooltipContent>
+                                </Tooltip>
+                            </TooltipProvider>
+                        )}
+                    </div>
                     <div className="lecturer-metric-value-row">
                         <strong>{metric.value}</strong>
                         {metric.description && (
@@ -145,7 +166,13 @@ export default function Dosen() {
                     }),
                 );
 
-                setKnowledgeBases(rows);
+                setKnowledgeBases(
+                    [...rows].sort((a, b) => {
+                        if (a.updatedAt === '-') return 1;
+                        if (b.updatedAt === '-') return -1;
+                        return b.updatedAt.localeCompare(a.updatedAt);
+                    }),
+                );
             })
             .catch((e: Error) => setStatusMessage(e.message))
             .finally(() => setIsLoading(false));
@@ -166,6 +193,7 @@ export default function Dosen() {
                 icon: Database,
                 label: 'Total Knowledge Base',
                 tone: 'primary',
+                tooltip: 'Jumlah mata kuliah / topik yang sudah Anda buat sebagai sumber pengetahuan AI.',
                 value: String(knowledgeBases.length),
             },
             {
@@ -173,6 +201,7 @@ export default function Dosen() {
                 label: 'Total Dokumen',
                 description: 'Chunked',
                 tone: 'primary',
+                tooltip: 'Jumlah dokumen yang sudah berhasil diproses dan dipotong-potong (chunked) oleh sistem agar bisa dibaca AI.',
                 value: String(documentCount),
             },
             {
@@ -180,6 +209,7 @@ export default function Dosen() {
                 label: 'Processing Error',
                 description: 'dokumen',
                 tone: 'danger',
+                tooltip: 'Jumlah dokumen yang gagal diproses. Dokumen ini tidak akan bisa digunakan AI untuk menjawab pertanyaan.',
                 value: String(failedDocumentCount),
             },
         ];

resources/js/pages/mahasiswa-chat.tsx

@@ -1117,7 +1117,7 @@ export default function MahasiswaChat({ sessionId }: MahasiswaChatProps) {
                                     </span>
                                     <div className="student-message-bubble student-message-bubble--typing">
                                         <LoadingIndicator
-                                            label="Thinking"
+                                            label="RAG Hub sedang berpikir"
                                             showSpinner={false}
                                         />
                                     </div>

resources/js/pages/mahasiswa.tsx

@@ -129,13 +129,13 @@ export default function Mahasiswa() {
                         <div className="student-greeting">
                             <h2>
                                 {isProcessing
-                                    ? 'The Assistant is thinking...'
+                                    ? 'RAG Hub sedang berpikir...'
                                     : `Good Morning, ${studentName}`}
                             </h2>
                             {isProcessing ? (
                                 <p>
                                     <LoadingIndicator
-                                        label="Bot sedang memikirkan jawaban"
+                                        label="RAG Hub sedang memikirkan jawaban"
                                         showSpinner={false}
                                     />
                                 </p>