frontend/src/pages/BatchesPage.tsx

@@ -221,7 +221,8 @@ export default function BatchesPage() {
                 )}
                 {createTaskBatch && (
                     <CreateTaskModal
-                        batchContext={createTaskBatch}
+                        isOpen={true}
+                        initialBatchId={createTaskBatch.id}
                         onClose={() => setCreateTaskBatch(null)}
                         onSuccess={() => {
                             setCreateTaskBatch(null);

frontend/src/pages/SettingsPage.tsx

@@ -2,7 +2,8 @@ import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import {
     Settings, Shield, ChevronRight, Sun, Moon, Globe, Type,
-    Eye, Volume2, Bell, Minimize2, RotateCcw, Monitor
+    Eye, Volume2, Bell, Minimize2, RotateCcw, Monitor, Users,
+    ClipboardList, Layers, FileText
 } from 'lucide-react';
 import { usePreferences } from '../context/PreferencesContext';
 import { PageHeader } from '../components/ui/LinearPrimitives';
@@ -12,17 +13,30 @@ export default function SettingsPage() {
     const { t } = useTranslation();
     const { preferences, setPreference, resetPreferences } = usePreferences();
 
-    const sections = [
+    const adminSections = [
-        {
-            title: t('settings.title'),
-            items: [
         {
             label: 'Walkthrough Config',
-                    description: 'Manage questions and checkpoints',
+            description: 'Configure daily walkthrough questions',
-                    icon: Shield,
+            icon: ClipboardList,
             action: () => navigate('/settings/walkthrough')
-                }
+        },
-            ]
+        {
+            label: 'Roles & Permissions',
+            description: 'Manage staff access levels',
+            icon: Shield,
+            action: () => navigate('/roles')
+        },
+        {
+            label: 'Task Templates',
+            description: 'Create reusable task templates',
+            icon: FileText,
+            action: () => navigate('/tasks/templates')
+        },
+        {
+            label: 'Layout Designer',
+            description: 'Design facility floor layouts',
+            icon: Layers,
+            action: () => navigate('/layout-designer')
         }
     ];
 
@@ -190,21 +204,20 @@ export default function SettingsPage() {
                 </div>
             </section>
 
-            {/* Admin Sections */}
+            {/* Admin Section */}
-            {sections.map((section, idx) => (
+            <section className="card overflow-hidden">
-                <section key={idx} className="card overflow-hidden">
                 <h2 className="text-xs font-medium text-tertiary uppercase tracking-wider p-4 border-b border-subtle">
                     Admin
                 </h2>
-                    {section.items.map((item, itemIdx) => {
+                {adminSections.map((item, idx) => {
                     const Icon = item.icon;
                     return (
                         <button
-                                key={itemIdx}
+                            key={idx}
                             onClick={item.action}
                             className={`
                                 w-full flex items-center gap-4 p-4 hover:bg-tertiary transition-colors duration-fast text-left
-                                    ${itemIdx !== section.items.length - 1 ? 'border-b border-subtle' : ''}
+                                ${idx !== adminSections.length - 1 ? 'border-b border-subtle' : ''}
                             `}
                         >
                             <div className="w-9 h-9 rounded-md bg-accent-muted flex items-center justify-center text-accent">
@@ -219,7 +232,6 @@ export default function SettingsPage() {
                     );
                 })}
             </section>
-            ))}
 
             {/* Reset Button */}
             <button