Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -174,8 +174,8 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     navigation = navigation.filter(item => item.name !== 'Slides');
   }
 
-  // Add Manage link for admin users (hide in student view, per toggle)
-  if (user?.role === 'admin' && effectiveRole !== 'student') {
+  // Add Manage link for admin users (always keep in nav)
+  if (user?.role === 'admin') {
     navigation.push({ name: 'Manage', href: '/manage', icon: Cog6ToothIcon });
   }
 
@@ -202,17 +202,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
             <img src="/favicon-512x512.png" alt="logo" className="h-8 w-8 mr-2" />
             TransHub
           </Link>
-          <div>
-            {user?.role === 'admin' && effectiveRole === 'student' && (
-              <Link
-                to="/manage"
-                className="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-medium text-ui-text bg-white/60 hover:bg-white/80 ring-1 ring-inset ring-ui-border"
-                title="Open Manage while in Student view"
-              >
-                Manage
-              </Link>
-            )}
-          </div>
+          <div />
         </div>
       </header>
 

client/src/pages/Dashboard.tsx

@@ -40,6 +40,8 @@ const Dashboard: React.FC = () => {
 
   const getRoleDisplay = () => {
     if (!user) return '';
+    const viewMode = (localStorage.getItem('viewMode') || 'auto');
+    if (viewMode === 'student' && user.role === 'admin') return 'Student (view)';
     return user.role === 'admin' ? 'Admin' : 'Student';
   };
 
@@ -211,8 +213,8 @@ const Dashboard: React.FC = () => {
           </div>
         </div>
 
-        {/* Admin Panel (only for admin users) */}
-        {user.role === 'admin' && (
+        {/* Admin Panel (only for admin users; hidden in Student view) */}
+        {user.role === 'admin' && (localStorage.getItem('viewMode')||'auto') !== 'student' && (
           <div className="mb-8">
             <h2 className="text-lg font-medium text-gray-900 mb-4">Admin Panel</h2>
             <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6">

client/src/pages/Feedback.tsx

@@ -10,7 +10,12 @@ const Feedback: React.FC = () => {
 
   useEffect(() => {
     const u = localStorage.getItem('user');
-    try { const parsed = u ? JSON.parse(u) : null; setIsAdmin(parsed?.role === 'admin'); } catch {}
+    try {
+      const parsed = u ? JSON.parse(u) : null;
+      const viewMode = (localStorage.getItem('viewMode') || 'auto');
+      const admin = parsed?.role === 'admin';
+      setIsAdmin(viewMode === 'student' ? false : admin);
+    } catch {}
   }, []);
 
   const send = async () => {

client/src/pages/Slides.tsx

@@ -31,7 +31,12 @@ const Slides: React.FC = () => {
     let aborted = false;
     (async () => {
       const u = localStorage.getItem('user');
-      try { const parsed = u ? JSON.parse(u) : null; setIsAdmin(parsed?.role === 'admin'); } catch {}
+    try {
+      const parsed = u ? JSON.parse(u) : null;
+      const viewMode = (localStorage.getItem('viewMode') || 'auto');
+      const admin = parsed?.role === 'admin';
+      setIsAdmin(viewMode === 'student' ? false : admin);
+    } catch {}
       try {
         setLoading(true); setError('');
         const resp = await api.get('/api/slides', { headers: { 'Cache-Control': 'no-cache' } });

client/src/pages/Toolkit.tsx

@@ -110,8 +110,9 @@ const Toolkit: React.FC = () => {
     try {
       const u = localStorage.getItem('user');
       const role = u ? (JSON.parse(u)?.role || 'visitor') : 'visitor';
+      const viewMode = (localStorage.getItem('viewMode') || 'auto');
       setIsVisitor(role === 'visitor');
-      setIsAdmin(role === 'admin');
+      setIsAdmin(viewMode === 'student' ? false : role === 'admin');
     } catch {
       setIsVisitor(true);
       setIsAdmin(false);

client/src/pages/TutorialTasks.tsx

@@ -67,7 +67,9 @@ const TutorialTasks: React.FC = () => {
   // Move a task up or down by normalizing positions for the current visible list (weeks 4–6 only)
   const moveTask = async (taskId: string, direction: 'up' | 'down') => {
     try {
-      const isAdmin = JSON.parse(localStorage.getItem('user') || '{}').role === 'admin';
+      const viewMode = (localStorage.getItem('viewMode') || 'auto');
+      const actualRole = (JSON.parse(localStorage.getItem('user') || '{}').role);
+      const isAdmin = viewMode === 'student' ? false : actualRole === 'admin';
       if (!isAdmin || selectedWeek < 4) return;
       // Build ordered list for the current week from what is rendered
       const current = tutorialTasks.filter(t => t.weekNumber === selectedWeek);
@@ -124,7 +126,9 @@ const TutorialTasks: React.FC = () => {
     const [urlInput, setUrlInput] = useState<string>('');
     const [errorMsg, setErrorMsg] = useState<string>('');
     const [copiedLink, setCopiedLink] = useState<string>('');
-    const isAdmin = (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin');
+    const viewMode = (localStorage.getItem('viewMode') || 'auto');
+    const actualRole = (JSON.parse(localStorage.getItem('user') || '{}').role);
+    const isAdmin = viewMode === 'student' ? false : actualRole === 'admin';
 
     const CopySquaresIcon: React.FC<{ className?: string }> = ({ className }) => (
       <svg className={className || 'h-4 w-4'} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg">

client/src/pages/WeeklyPractice.tsx

@@ -1474,7 +1474,7 @@ const WeeklyPractice: React.FC = () => {
               </div>
               <h3 className="text-ui-text font-semibold text-xl">Translation Brief</h3>
             </div>
-              {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+              {(localStorage.getItem('viewMode')||'auto') === 'student' ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                 <div className="flex items-center space-x-2">
                   {editingBrief[selectedWeek] ? (
                     <>
@@ -1537,7 +1537,7 @@ const WeeklyPractice: React.FC = () => {
           </div>
         ) : (
           // Show add brief button when no brief exists
-          JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+          (localStorage.getItem('viewMode')||'auto') === 'student' ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
             <div className="bg-ui-panel rounded-xl p-8 mb-8 border border-ui-border border-dashed">
               <div className="flex items-center justify-between mb-4">
                 <div className="flex items-center space-x-2">
@@ -1594,7 +1594,7 @@ const WeeklyPractice: React.FC = () => {
         )}
 
         {/* Week Files (Week 6 uploads) */}
-        {(weekFiles.source.length > 0 || weekFiles.translation.length > 0 || (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin')) && (
+        {(weekFiles.source.length > 0 || weekFiles.translation.length > 0 || (((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin'))) && (
         <div className="bg-white rounded-xl shadow p-6 mb-8">
           <h3 className="text-lg font-semibold text-gray-900 mb-4">Week {selectedWeek} Files</h3>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-6 items-start content-start">
@@ -1624,7 +1624,7 @@ const WeeklyPractice: React.FC = () => {
                     <div className="min-w-0 truncate font-medium" title={f.fileName}>{f.fileName}</div>
                     <div className="flex items-center space-x-3 flex-shrink-0">
                       <button className="text-pink-600 hover:underline" onClick={() => downloadWeekFile(f._id, f.fileName)}>Download</button>
-                      {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+                      {((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                         <button
                           className="text-red-600 hover:underline"
                           onClick={async () => {
@@ -1675,7 +1675,7 @@ const WeeklyPractice: React.FC = () => {
                     <div className="min-w-0 truncate font-medium" title={f.fileName}>{f.fileName}</div>
                     <div className="flex items-center space-x-3 flex-shrink-0">
                       <button className="text-pink-600 hover:underline" onClick={() => downloadWeekFile(f._id, f.fileName)}>Download</button>
-                      {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+                      {((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                         <button
                           className="text-red-600 hover:underline"
                           onClick={async () => {
@@ -1761,7 +1761,7 @@ const WeeklyPractice: React.FC = () => {
               )}
               
               {/* Admin Time Code Editor */}
-              {editingSegment && JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+              {editingSegment && (((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin')) && (
                 <div className="bg-indigo-50 border border-indigo-200 rounded-lg p-4 mb-4">
                   <h4 className="text-sm font-medium text-indigo-800 mb-2">Edit Time Codes for Segment {editingSegment}</h4>
                   <div className="grid grid-cols-2 gap-2">
@@ -1815,7 +1815,7 @@ const WeeklyPractice: React.FC = () => {
                   <p className="text-gray-800">
                     Segment {currentSegment}: {subtitleSegments[currentSegment - 1]?.startTime} – {subtitleSegments[currentSegment - 1]?.endTime} ({subtitleSegments[currentSegment - 1]?.duration})
                   </p>
-                  {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+                  {((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                     <button
                       onClick={() => handleEditTimeCode(currentSegment)}
                       className="bg-indigo-600 hover:bg-indigo-700 text-white px-2 py-1 rounded text-xs flex items-center space-x-1"
@@ -1936,7 +1936,7 @@ const WeeklyPractice: React.FC = () => {
                                     <span className="text-xs text-gray-500">
                                       {new Date(submission.submissionDate).toLocaleString()}
                                     </span>
-                                    {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+                                    {((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                                       <button
                                         onClick={() => handleDeleteSubtitleSubmission(submission._id)}
                                         className="text-red-500 hover:text-red-700 text-xs"
@@ -2264,7 +2264,7 @@ const WeeklyPractice: React.FC = () => {
                         <h3 className="text-lg font-semibold text-gray-900">Source Text #{weeklyPractice.indexOf(practice) + 1}</h3>
                       </div>
                     </div>
-                    {JSON.parse(localStorage.getItem('user') || '{}').role === 'admin' && (
+                    {((localStorage.getItem('viewMode')||'auto') === 'student') ? false : (JSON.parse(localStorage.getItem('user') || '{}').role === 'admin') && (
                         <div className="flex items-center space-x-2">
                         {editingPractice === practice._id ? (
                           <>