Update photo task labels and filters

resources/js/admin/mobile/EventTasksPage.tsx

@@ -50,7 +50,7 @@ import { useBackNavigation } from './hooks/useBackNavigation';
 import { buildTaskSummary } from './lib/taskSummary';
 import { buildTaskSectionCounts, type TaskSectionKey } from './lib/taskSectionCounts';
 import { withAlpha } from './components/colors';
-import { ADMIN_ACTION_COLORS, useAdminTheme } from './theme';
+import { useAdminTheme } from './theme';
 import { resolveEngagementMode } from '../lib/events';
 import { useAuth } from '../auth/context';
 
@@ -65,140 +65,6 @@ function allowPermission(permissions: string[], permission: string): boolean {
   return false;
 }
 
-function TaskSummaryCard({ summary }: { summary: ReturnType<typeof buildTaskSummary> }) {
-  const { t } = useTranslation('management');
-  const { textStrong, muted, border, surface, surfaceMuted, shadow } = useAdminTheme();
-  const total = summary.assigned + summary.library + summary.collections + summary.emotions;
-  const segments = [
-    {
-      key: 'assigned',
-      label: t('events.tasks.summary.assigned', 'Assigned'),
-      value: summary.assigned,
-      color: ADMIN_ACTION_COLORS.tasks,
-    },
-    {
-      key: 'library',
-      label: t('events.tasks.summary.library', 'Library'),
-      value: summary.library,
-      color: ADMIN_ACTION_COLORS.qr,
-    },
-    {
-      key: 'collections',
-      label: t('events.tasks.summary.collections', 'Collections'),
-      value: summary.collections,
-      color: ADMIN_ACTION_COLORS.settings,
-    },
-    {
-      key: 'emotions',
-      label: t('events.tasks.summary.emotions', 'Emotions'),
-      value: summary.emotions,
-      color: ADMIN_ACTION_COLORS.branding,
-    },
-  ];
-
-  return (
-    <Card
-      borderRadius={22}
-      borderWidth={2}
-      borderColor={border}
-      backgroundColor={surface}
-      padding="$3"
-      shadowColor={shadow}
-      shadowOpacity={0.14}
-      shadowRadius={14}
-      shadowOffset={{ width: 0, height: 8 }}
-    >
-      <YStack space="$2.5">
-        <XStack alignItems="center" justifyContent="space-between">
-          <XStack
-            alignItems="center"
-            paddingHorizontal="$3"
-            paddingVertical="$1.5"
-            borderRadius={999}
-            borderWidth={1}
-            borderColor={border}
-            backgroundColor={surfaceMuted}
-          >
-            <Text fontSize="$xs" fontWeight="800" color={textStrong}>
-              {t('events.tasks.summary.title', 'Task overview')}
-            </Text>
-          </XStack>
-        </XStack>
-
-        <XStack alignItems="baseline" space="$2">
-          <Text fontSize="$xl" fontWeight="900" color={textStrong}>
-            {total}
-          </Text>
-          <Text fontSize="$xs" color={muted}>
-            {t('events.tasks.summary.total', 'Tasks total')}
-          </Text>
-        </XStack>
-
-        <XStack
-          height={10}
-          borderRadius={999}
-          overflow="hidden"
-          borderWidth={1}
-          borderColor={border}
-          backgroundColor={surfaceMuted}
-        >
-          {total > 0 ? (
-            segments.map((segment) =>
-              segment.value > 0 ? (
-                <XStack
-                  key={segment.key}
-                  flex={segment.value}
-                  backgroundColor={withAlpha(segment.color, 0.55)}
-                />
-              ) : null,
-            )
-          ) : (
-            <XStack flex={1} backgroundColor={withAlpha(border, 0.4)} />
-          )}
-        </XStack>
-
-        <XStack flexWrap="wrap" space="$2">
-          {segments.map((segment) => (
-            <SummaryLegendItem key={segment.key} label={segment.label} value={segment.value} color={segment.color} />
-          ))}
-        </XStack>
-      </YStack>
-    </Card>
-  );
-}
-
-function SummaryLegendItem({
-  label,
-  value,
-  color,
-}: {
-  label: string;
-  value: number;
-  color: string;
-}) {
-  const { textStrong } = useAdminTheme();
-  return (
-    <XStack
-      alignItems="center"
-      space="$1.5"
-      paddingHorizontal="$2.5"
-      paddingVertical="$1.5"
-      borderRadius={999}
-      borderWidth={1}
-      borderColor={withAlpha(color, 0.35)}
-      backgroundColor={withAlpha(color, 0.12)}
-    >
-      <XStack width={8} height={8} borderRadius={999} backgroundColor={color} />
-      <Text fontSize={11} fontWeight="700" color={textStrong}>
-        {label}
-      </Text>
-      <Text fontSize={11} fontWeight="700" color={textStrong}>
-        {value}
-      </Text>
-    </XStack>
-  );
-}
-
 function QuickNavChip({
   value,
   label,
@@ -398,7 +264,7 @@ export default function MobileEventTasksPage() {
       setSelectedTaskIds(new Set());
     } catch (err) {
       if (!isAuthError(err)) {
-        const message = getApiErrorMessage(err, t('events.errors.loadFailed', 'Tasks konnten nicht geladen werden.'));
+        const message = getApiErrorMessage(err, t('events.errors.loadFailed', 'Fotoaufgaben konnten nicht geladen werden.'));
         setError(message);
         toast.error(message);
         // If the current slug is invalid, attempt to recover to a valid event to avoid empty lists.
@@ -430,11 +296,11 @@ export default function MobileEventTasksPage() {
       const result = await getEventTasks(eventId, 1);
       setAssignedTasks(result.data);
       setLibrary((prev) => prev.filter((t) => t.id !== taskId));
-      toast.success(t('events.tasks.assigned', 'Task hinzugefügt'));
+      toast.success(t('events.tasks.assigned', 'Fotoaufgabe hinzugefügt'));
     } catch (err) {
       if (!isAuthError(err)) {
-        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Task konnte nicht zugewiesen werden.')));
-        toast.error(t('events.tasks.updateFailed', 'Task konnte nicht zugewiesen werden.'));
+        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht zugewiesen werden.')));
+        toast.error(t('events.tasks.updateFailed', 'Fotoaufgabe konnte nicht zugewiesen werden.'));
       }
     } finally {
       setAssigningId(null);
@@ -449,7 +315,7 @@ export default function MobileEventTasksPage() {
       const assignedIds = new Set(result.data.map((t) => t.id));
       setAssignedTasks(result.data);
       setLibrary((prev) => prev.filter((t) => !assignedIds.has(t.id)));
-      toast.success(t('events.tasks.imported', 'Aufgabenpaket importiert'));
+      toast.success(t('events.tasks.imported', 'Fotoaufgabenpaket importiert'));
     } catch (err) {
       if (!isAuthError(err)) {
         setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Paket konnte nicht importiert werden.')));
@@ -463,7 +329,7 @@ export default function MobileEventTasksPage() {
     try {
       if (newTask.id) {
         if (!Number.isFinite(Number(newTask.id))) {
-          toast.error(t('events.tasks.updateFailed', 'Task konnte nicht gespeichert werden (ID fehlt).'));
+          toast.error(t('events.tasks.updateFailed', 'Fotoaufgabe konnte nicht gespeichert werden (ID fehlt).'));
           return;
         }
 
@@ -501,11 +367,11 @@ export default function MobileEventTasksPage() {
       setLibrary((prev) => prev.filter((t) => !assignedIds.has(t.id)));
       setShowTaskSheet(false);
       setNewTask({ id: null, title: '', description: '', emotion_id: '', tenant_id: null });
-      toast.success(t('events.tasks.created', 'Aufgabe gespeichert'));
+      toast.success(t('events.tasks.created', 'Fotoaufgabe gespeichert'));
     } catch (err) {
       if (!isAuthError(err)) {
-        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Aufgabe konnte nicht erstellt werden.')));
-        toast.error(t('events.errors.saveFailed', 'Aufgabe konnte nicht erstellt werden.'));
+        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht erstellt werden.')));
+        toast.error(t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht erstellt werden.'));
       }
     }
   }
@@ -525,11 +391,11 @@ export default function MobileEventTasksPage() {
         }
         return next;
       });
-      toast.success(t('events.tasks.removed', 'Aufgabe entfernt'));
+      toast.success(t('events.tasks.removed', 'Fotoaufgabe entfernt'));
     } catch (err) {
       if (!isAuthError(err)) {
-        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Aufgabe konnte nicht entfernt werden.')));
-        toast.error(t('events.errors.saveFailed', 'Aufgabe konnte nicht entfernt werden.'));
+        setError(getApiErrorMessage(err, t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht entfernt werden.')));
+        toast.error(t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht entfernt werden.'));
       }
     } finally {
       setBusyId(null);
@@ -556,10 +422,10 @@ export default function MobileEventTasksPage() {
       setAssignedTasks((prev) => prev.filter((task) => !selectedTaskIds.has(task.id)));
       setSelectedTaskIds(new Set());
       setSelectionMode(false);
-      toast.success(t('events.tasks.removed', 'Aufgabe entfernt'));
+      toast.success(t('events.tasks.removed', 'Fotoaufgabe entfernt'));
     } catch (err) {
       if (!isAuthError(err)) {
-        toast.error(t('events.errors.saveFailed', 'Aufgabe konnte nicht entfernt werden.'));
+        toast.error(t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht entfernt werden.'));
       }
     } finally {
       setBulkDeleteBusy(false);
@@ -664,10 +530,10 @@ export default function MobileEventTasksPage() {
       setAssignedTasks(result.data);
       setBulkLines('');
       setShowBulkSheet(false);
-      toast.success(t('events.tasks.created', 'Aufgabe gespeichert'));
+      toast.success(t('events.tasks.created', 'Fotoaufgabe gespeichert'));
     } catch (err) {
       if (!isAuthError(err)) {
-        toast.error(t('events.errors.saveFailed', 'Aufgabe konnte nicht erstellt werden.'));
+        toast.error(t('events.errors.saveFailed', 'Fotoaufgabe konnte nicht erstellt werden.'));
       }
     }
   }
@@ -720,8 +586,8 @@ export default function MobileEventTasksPage() {
       setEventRecord(updated);
       toast.success(
         nextEnabled
-          ? t('events.tasks.toggle.enabled', 'Tasks activated')
-          : t('events.tasks.toggle.disabled', 'Tasks disabled')
+          ? t('events.tasks.toggle.enabled', 'Photo tasks activated')
+          : t('events.tasks.toggle.disabled', 'Photo tasks disabled')
       );
     } catch (err) {
       if (!isAuthError(err)) {
@@ -735,7 +601,7 @@ export default function MobileEventTasksPage() {
   return (
     <MobileShell
       activeTab="tasks"
-      title={t('events.tasks.title', 'Tasks & Checklists')}
+      title={t('events.tasks.title', 'Photo tasks & checklists')}
       onBack={back}
       headerActions={
         <XStack space="$2">
@@ -763,12 +629,12 @@ export default function MobileEventTasksPage() {
         <MobileCard space="$3">
           <YStack space="$1">
             <Text fontSize="$sm" fontWeight="800" color={text}>
-              {t('events.tasks.toggle.title', 'Tasks for this event')}
+              {t('events.tasks.toggle.title', 'Photo tasks for this event')}
             </Text>
             <Text fontSize="$xs" color={muted}>
               {t(
                 'events.tasks.toggle.description',
-                'Give guests optional prompts and photo ideas.'
+                'Give guests optional photo tasks and prompts.'
               )}
             </Text>
           </YStack>
@@ -780,19 +646,19 @@ export default function MobileEventTasksPage() {
             </PillBadge>
             <Text fontSize="$xs" color={muted}>
               {tasksEnabled
-                ? t('events.tasks.toggle.onLabel', 'Guests see task prompts')
+                ? t('events.tasks.toggle.onLabel', 'Guests see photo tasks')
                 : t('events.tasks.toggle.offLabel', 'Guest app shows photos only')}
             </Text>
           </XStack>
           <XStack alignItems="center" justifyContent="space-between" marginTop="$2">
             <Text fontSize="$xs" color={text} fontWeight="600">
-              {t('events.tasks.toggle.switchLabel', 'Tasks enabled')}
+              {t('events.tasks.toggle.switchLabel', 'Photo tasks enabled')}
             </Text>
             <Switch
               size="$4"
               checked={tasksEnabled}
               onCheckedChange={handleTasksToggle}
-              aria-label={t('events.tasks.toggle.switchLabel', 'Tasks enabled')}
+              aria-label={t('events.tasks.toggle.switchLabel', 'Photo tasks enabled')}
               disabled={!canManageTasks || tasksToggleBusy}
             >
               <Switch.Thumb />
@@ -800,79 +666,87 @@ export default function MobileEventTasksPage() {
           </XStack>
           {isMember && !canManageTasks ? (
             <Text fontSize="$xs" color={muted}>
-              {t('events.tasks.toggle.permissionHint', 'You do not have permission to change tasks.')}
+              {t('events.tasks.toggle.permissionHint', 'You do not have permission to change photo tasks.')}
             </Text>
           ) : null}
         </MobileCard>
       ) : null}
 
       {!loading ? (
-        <TaskSummaryCard summary={summary} />
-      ) : null}
-
-      {!loading ? (
-        <Card
-          borderRadius={22}
-          borderWidth={2}
-          borderColor={border}
-          backgroundColor={surface}
-          padding="$3"
-        >
-          <YStack space="$2.5">
-            <XStack alignItems="center" justifyContent="space-between">
-              <XStack
-                alignItems="center"
-                paddingHorizontal="$3"
-                paddingVertical="$1.5"
-                borderRadius={999}
-                borderWidth={1}
-                borderColor={border}
-                backgroundColor={surfaceMuted}
-              >
-                <Text fontSize="$xs" fontWeight="800" color={text}>
-                  {t('events.tasks.quickNav', 'Quick jump')}
-                </Text>
-              </XStack>
-            </XStack>
-
-            <ScrollView horizontal showsHorizontalScrollIndicator={false}>
-              <ToggleGroup
-                type="single"
-                value={quickNavSelection}
-                onValueChange={(next) => {
-                  const key = next as TaskSectionKey | '';
-                  if (!key) {
-                    return;
-                  }
-                  setQuickNavSelection(key);
-                  handleQuickNav(key);
-                }}
-              >
-                <XStack space="$2" paddingVertical="$1">
-                  {sectionCounts.map((section) => (
-                    <QuickNavChip
-                      key={section.key}
-                      value={section.key}
-                      label={t(`events.tasks.sections.${section.key}`, section.key)}
-                      count={section.count}
-                      onPress={() => {
-                        setQuickNavSelection(section.key);
-                        handleQuickNav(section.key);
-                      }}
-                      isActive={quickNavSelection === section.key}
-                    />
-                  ))}
+        <YStack space="$2">
+          <Card
+            borderRadius={22}
+            borderWidth={2}
+            borderColor={border}
+            backgroundColor={surface}
+            padding="$3"
+          >
+            <YStack space="$2.5">
+              <XStack alignItems="center" justifyContent="space-between">
+                <XStack
+                  alignItems="center"
+                  paddingHorizontal="$3"
+                  paddingVertical="$1.5"
+                  borderRadius={999}
+                  borderWidth={1}
+                  borderColor={border}
+                  backgroundColor={surfaceMuted}
+                >
+                  <Text fontSize="$xs" fontWeight="800" color={text}>
+                    {t('events.tasks.quickNav', 'Quick jump')}
+                  </Text>
                 </XStack>
-              </ToggleGroup>
-            </ScrollView>
+              </XStack>
 
+              <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+                <ToggleGroup
+                  type="single"
+                  value={quickNavSelection}
+                  onValueChange={(next) => {
+                    const key = next as TaskSectionKey | '';
+                    if (!key) {
+                      return;
+                    }
+                    setQuickNavSelection(key);
+                    handleQuickNav(key);
+                  }}
+                >
+                  <XStack space="$2" paddingVertical="$1">
+                    {sectionCounts.map((section) => (
+                      <QuickNavChip
+                        key={section.key}
+                        value={section.key}
+                        label={t(`events.tasks.sections.${section.key}`, section.key)}
+                        count={section.count}
+                        onPress={() => {
+                          setQuickNavSelection(section.key);
+                          handleQuickNav(section.key);
+                        }}
+                        isActive={quickNavSelection === section.key}
+                      />
+                    ))}
+                  </XStack>
+                </ToggleGroup>
+              </ScrollView>
+            </YStack>
+          </Card>
+
+          <MobileCard
+            padding="$3"
+            space="$0"
+            style={{
+              position: 'sticky',
+              top: 'calc(env(safe-area-inset-top, 0px) + 76px)',
+              zIndex: 45,
+            }}
+          >
             <XStack alignItems="center" space="$2">
               <XStack flex={1}>
                 <MobileInput
                   type="search"
                   value={searchTerm}
                   onChange={(e) => setSearchTerm(e.target.value)}
-                  placeholder={t('events.tasks.search', 'Search tasks')}
+                  placeholder={t('events.tasks.search', 'Search photo tasks')}
                   compact
                 />
               </XStack>
@@ -899,8 +773,8 @@ export default function MobileEventTasksPage() {
                 </XStack>
               </Pressable>
             </XStack>
-          </YStack>
-        </Card>
+          </MobileCard>
+        </YStack>
       ) : null}
 
       {loading ? (
@@ -913,19 +787,19 @@ export default function MobileEventTasksPage() {
         <YStack space="$2">
           <MobileCard space="$2">
             <Text fontSize={13} fontWeight="700" color={text}>
-              {t('events.tasks.emptyTitle', 'No tasks yet')}
+              {t('events.tasks.emptyTitle', 'No photo tasks yet')}
             </Text>
             <Text fontSize={12} color={muted}>
-              {t('events.tasks.emptyBody', 'Create tasks or import a pack for your event.')}
+              {t('events.tasks.emptyBody', 'Create photo tasks or import a pack for your event.')}
             </Text>
             <XStack space="$2">
               <CTAButton
-                label={t('events.tasks.emptyActionTask', 'Add task')}
+                label={t('events.tasks.emptyActionTask', 'Add photo task')}
                 onPress={() => setShowTaskSheet(true)}
                 fullWidth={false}
               />
               <CTAButton
-                label={t('events.tasks.emptyActionPack', 'Import pack')}
+                label={t('events.tasks.emptyActionPack', 'Import photo task pack')}
                 tone="ghost"
                 onPress={() => setShowCollectionSheet(true)}
                 fullWidth={false}
@@ -951,13 +825,13 @@ export default function MobileEventTasksPage() {
                       <Plus size={14} color={surface} />
                     </YStack>
                     <Text fontSize={12.5} fontWeight="700" color={text}>
-                      {t('events.tasks.addTask', 'Aufgabe hinzufügen')}
+                      {t('events.tasks.addTask', 'Fotoaufgabe hinzufügen')}
                     </Text>
                   </XStack>
                 }
                 subTitle={
                   <Text fontSize={11.5} color={muted}>
-                    {t('events.tasks.addTaskHint', 'Erstelle eine neue Aufgabe für dieses Event.')}
+                    {t('events.tasks.addTaskHint', 'Erstelle eine neue Fotoaufgabe für dieses Event.')}
                   </Text>
                 }
                 paddingVertical="$2"
@@ -983,7 +857,7 @@ export default function MobileEventTasksPage() {
                       <Plus size={14} color={surface} />
                     </YStack>
                     <Text fontSize={12.5} fontWeight="700" color={text}>
-                      {t('events.tasks.import', 'Aufgabenpaket importieren')}
+                      {t('events.tasks.import', 'Fotoaufgabenpaket importieren')}
                     </Text>
                   </XStack>
                 }
@@ -1003,7 +877,7 @@ export default function MobileEventTasksPage() {
         <YStack space="$2">
           <YStack ref={assignedRef} />
           <Text fontSize="$sm" color={muted}>
-            {t('events.tasks.count', '{{count}} Tasks', { count: filteredTasks.length })}
+            {t('events.tasks.count', '{{count}} photo tasks', { count: filteredTasks.length })}
           </Text>
           {selectionMode ? (
             <MobileCard padding="$2.5" space="$2">
@@ -1046,7 +920,7 @@ export default function MobileEventTasksPage() {
                           checked={selectedTaskIds.has(task.id)}
                           onCheckedChange={() => toggleSelectedTask(task.id)}
                           onPress={(event: any) => event?.stopPropagation?.()}
-                          aria-label={t('events.tasks.select', 'Select task')}
+                          aria-label={t('events.tasks.select', 'Select photo task')}
                         >
                           <Checkbox.Indicator>
                             <Check size={14} color={text} />
@@ -1078,7 +952,7 @@ export default function MobileEventTasksPage() {
                           borderWidth={1}
                           borderColor={`${danger}33`}
                           icon={<Trash2 size={14} color={dangerText} />}
-                          aria-label={t('events.tasks.remove', 'Remove task')}
+                          aria-label={t('events.tasks.remove', 'Remove photo task')}
                           disabled={busyId === task.id}
                           onPress={(event: any) => {
                             event?.stopPropagation?.();
@@ -1098,11 +972,11 @@ export default function MobileEventTasksPage() {
           <XStack justifyContent="space-between" alignItems="center" marginTop="$2">
             <YStack ref={libraryRef} />
             <Text fontSize={12.5} fontWeight="600" color={text}>
-              {t('events.tasks.library', 'Weitere Aufgaben')}
+              {t('events.tasks.library', 'Weitere Fotoaufgaben')}
             </Text>
             <Pressable onPress={() => setShowCollectionSheet(true)}>
               <Text fontSize={12} fontWeight="600" color={primary}>
-                {t('events.tasks.import', 'Import Pack')}
+                {t('events.tasks.import', 'Import photo task pack')}
               </Text>
             </Pressable>
           </XStack>
@@ -1113,7 +987,7 @@ export default function MobileEventTasksPage() {
           </Pressable>
           {library.length === 0 ? (
             <Text fontSize={12} fontWeight="500" color={subtle}>
-              {t('events.tasks.libraryEmpty', 'Keine weiteren Aufgaben verfügbar.')}
+              {t('events.tasks.libraryEmpty', 'Keine weiteren Fotoaufgaben verfügbar.')}
             </Text>
           ) : (
             <YGroup {...({ borderWidth: 1, borderColor: border, borderRadius: "$4", overflow: "hidden" } as any)}>
@@ -1137,9 +1011,12 @@ export default function MobileEventTasksPage() {
                     iconAfter={
                       <XStack space="$1.5" alignItems="center">
                         <Pressable onPress={() => quickAssign(task.id)}>
-                          <Text fontSize={12} fontWeight="600" color={primary}>
-                            {assigningId === task.id ? t('common.processing', '...') : t('events.tasks.add', 'Add')}
-                          </Text>
+                          <XStack alignItems="center" space="$1">
+                            <Plus size={14} color={primary} />
+                            <Text fontSize={12} fontWeight="600" color={primary}>
+                              {assigningId === task.id ? t('common.processing', '...') : t('events.tasks.add', 'Add')}
+                            </Text>
+                          </XStack>
                         </Pressable>
                         <ChevronRight size={14} color={subtle} />
                       </XStack>
@@ -1157,7 +1034,7 @@ export default function MobileEventTasksPage() {
       <MobileSheet
         open={showCollectionSheet}
         onClose={() => setShowCollectionSheet(false)}
-        title={t('events.tasks.import', 'Aufgabenpaket importieren')}
+        title={t('events.tasks.import', 'Fotoaufgabenpaket importieren')}
         footer={null}
       >
         <YStack space="$2">
@@ -1214,9 +1091,9 @@ export default function MobileEventTasksPage() {
       <MobileSheet
         open={showTaskSheet}
         onClose={() => setShowTaskSheet(false)}
-        title={t('events.tasks.addTask', 'Aufgabe hinzufügen')}
+        title={t('events.tasks.addTask', 'Fotoaufgabe hinzufügen')}
         footer={
-          <CTAButton label={t('events.tasks.saveTask', 'Aufgabe speichern')} onPress={() => createNewTask()} />
+          <CTAButton label={t('events.tasks.saveTask', 'Fotoaufgabe speichern')} onPress={() => createNewTask()} />
         }
       >
         <YStack space="$2">
@@ -1257,11 +1134,11 @@ export default function MobileEventTasksPage() {
         open={showBulkSheet}
         onClose={() => setShowBulkSheet(false)}
         title={t('events.tasks.bulkAdd', 'Bulk add')}
-        footer={<CTAButton label={t('events.tasks.saveTask', 'Aufgabe speichern')} onPress={() => handleBulkAdd()} />}
+        footer={<CTAButton label={t('events.tasks.saveTask', 'Fotoaufgabe speichern')} onPress={() => handleBulkAdd()} />}
       >
         <YStack space="$2">
           <Text fontSize={12} color={muted}>
-            {t('events.tasks.bulkHint', 'One task per line. These will be created and added to the event.')}
+            {t('events.tasks.bulkHint', 'One photo task per line. These will be created and added to the event.')}
           </Text>
           <MobileTextArea
             value={bulkLines}
@@ -1400,14 +1277,14 @@ export default function MobileEventTasksPage() {
             <YStack space="$3">
               <AlertDialog.Title>
                 <Text fontSize="$md" fontWeight="800" color={text}>
-                  {t('events.tasks.removeTitle', 'Remove task?')}
+                  {t('events.tasks.removeTitle', 'Remove photo task?')}
                 </Text>
               </AlertDialog.Title>
               <AlertDialog.Description>
                 <Text fontSize="$sm" color={muted}>
                   {deleteCandidate
                     ? t('events.tasks.removeBody', 'This will remove "{{title}}" from the event.', { title: deleteCandidate.title })
-                    : t('events.tasks.removeBodyFallback', 'This will remove the task from the event.')}
+                    : t('events.tasks.removeBodyFallback', 'This will remove the photo task from the event.')}
                 </Text>
               </AlertDialog.Description>
               <XStack space="$2" justifyContent="flex-end">
@@ -1460,7 +1337,7 @@ export default function MobileEventTasksPage() {
               </AlertDialog.Title>
               <AlertDialog.Description>
                 <Text fontSize="$sm" color={muted}>
-                  {t('events.tasks.bulkRemoveBody', 'This will remove the selected tasks from the event.')}
+                  {t('events.tasks.bulkRemoveBody', 'This will remove the selected photo tasks from the event.')}
                 </Text>
               </AlertDialog.Description>
               <XStack space="$2" justifyContent="flex-end">
@@ -1506,7 +1383,7 @@ export default function MobileEventTasksPage() {
               pressTheme
               title={
                 <Text fontSize={12.5} fontWeight="600" color={text}>
-                  {t('events.tasks.addTask', 'Aufgabe hinzufügen')}
+                  {t('events.tasks.addTask', 'Fotoaufgabe hinzufügen')}
                 </Text>
               }
               onPress={() => {