Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -13,6 +13,12 @@ interface User {
 
 const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const location = useLocation();
+  const [viewMode, setViewMode] = useState<'admin' | 'student' | 'auto'>(() => {
+    try {
+      const saved = localStorage.getItem('viewMode') as any;
+      return saved === 'admin' || saved === 'student' ? saved : 'auto';
+    } catch { return 'auto'; }
+  });
   const [isTransitioning] = useState(false);
   const userData = localStorage.getItem('user');
   const user: User | null = userData ? JSON.parse(userData) : null;
@@ -67,6 +73,18 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location.pathname]);
 
+  // React to external view mode changes (from Manage toggle)
+  useEffect(() => {
+    const handler = (e: any) => {
+      const mode = e?.detail;
+      if (mode === 'admin' || mode === 'student') {
+        setViewMode(mode);
+      }
+    };
+    window.addEventListener('view-mode-change', handler as any);
+    return () => window.removeEventListener('view-mode-change', handler as any);
+  }, []);
+
   // Admin unread message badge (non-invasive)
   useEffect(() => {
     let timer: any;
@@ -145,8 +163,14 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     { name: 'Feedback', href: '/feedback', icon: ChatBubbleLeftRightIcon },
   ];
 
+  // Effective role based on viewMode
+  const effectiveRole = (() => {
+    if (viewMode === 'auto') return user?.role;
+    return viewMode === 'student' ? 'student' : 'admin';
+  })();
+
   // Hide Slides for visitors
-  if (!user || user.role === 'visitor') {
+  if (!user || effectiveRole === 'visitor') {
     navigation = navigation.filter(item => item.name !== 'Slides');
   }
 

client/src/pages/Profile.tsx

@@ -469,6 +469,26 @@ const Manage: React.FC = () => {
             <span className="text-sm text-gray-500">
               Admin • {user.email}
             </span>
+            <div className="flex items-center bg-gray-100 rounded-md p-1 text-xs">
+              <button
+                onClick={() => {
+                  try { localStorage.setItem('viewMode', 'admin'); } catch {}
+                  window.dispatchEvent(new CustomEvent('view-mode-change', { detail: 'admin' } as any));
+                }}
+                className="px-2 py-1 rounded-sm font-medium text-gray-700 hover:bg-white"
+              >
+                Admin view
+              </button>
+              <button
+                onClick={() => {
+                  try { localStorage.setItem('viewMode', 'student'); } catch {}
+                  window.dispatchEvent(new CustomEvent('view-mode-change', { detail: 'student' } as any));
+                }}
+                className="px-2 py-1 rounded-sm font-medium text-gray-700 hover:bg-white"
+              >
+                Student view
+              </button>
+            </div>
             <button
               onClick={handleLogout}
               className="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md text-sm font-medium"
@@ -482,7 +502,7 @@ const Manage: React.FC = () => {
       {/* Login Summary removed as requested */}
  
       {/* Admin Management Sections */}
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
+      <div className="grid grid-cols-1 gap-6 mb-8">
         {/* User Management */}
         <div className="bg-white rounded-lg shadow p-6">
           <div className="flex items-center mb-4">