feat: safe area fix, delete from repo, add Mistral provider

- Wrap root layout with SafeAreaProvider, use useSafeAreaInsets in all
  screens so FAB/action bar/scroll content clear Android nav bar
- Add deleteIncidentFromGit() (Gitea/GitHub/GitLab) — detail screen now
  offers Cancel / Local only / Local + Repo when incident was pushed
- Add Mistral as AI provider (OpenAI-compat, api.mistral.ai/v1,
  mistral-small-latest default)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

.github/workflows/build-android.yml

@@ -42,15 +42,13 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Set up Android SDK
-        uses: android-actions/setup-android@v3
-
       - name: Accept Android SDK licenses
-        run: yes | sdkmanager --licenses || true
+        run: yes | "$ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager" --licenses || true
 
       - name: Install SDK components
         run: |
-          sdkmanager "platform-tools" "platforms;android-35" "build-tools;35.0.0"
+          "$ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager" \
+            "platform-tools" "platforms;android-35" "build-tools;35.0.0"
 
       - name: Cache Gradle
         uses: actions/cache@v4

app.json

@@ -5,12 +5,13 @@
     "version": "0.1.0",
     "orientation": "portrait",
     "userInterfaceStyle": "dark",
-    "backgroundColor": "#0f1117",
+    "icon": "./assets/icon.png",
+    "backgroundColor": "#1B2433",
     "scheme": "sheethappens",
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#0f1117"
+        "backgroundColor": "#1B2433"
       },
       "package": "fr.gyozamancave.sheethappens",
       "permissions": [

app/_layout.tsx

@@ -1,55 +1,15 @@
-import { useEffect, useState, Component } from "react";
+import { useEffect } from "react";
-import type { ReactNode } from "react";
+import { Pressable, Text } from "react-native";
 import { Stack, router } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
-import { View, Text, ScrollView } from "react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
 import "../global.css";
 import { Colors } from "@/constants/theme";
 import { useSettings } from "@/hooks/useSettings";
 
-// Catch JS errors in release mode and show them on-screen instead of
-// silently crashing to desktop. Remove once the crash is identified.
-class CrashBoundary extends Component<
-  { children: ReactNode },
-  { error: Error | null }
-> {
-  state = { error: null };
-  static getDerivedStateFromError(e: Error) {
-    return { error: e };
-  }
-  render() {
-    const { error } = this.state;
-    if (error) {
-      return (
-        <View style={{ flex: 1, backgroundColor: "#0f1117", padding: 20, paddingTop: 60 }}>
-          <Text style={{ color: "#ef4444", fontSize: 16, fontWeight: "700", marginBottom: 12 }}>
-            CRASH — copie ce texte
-          </Text>
-          <ScrollView>
-            <Text style={{ color: "#fff", fontSize: 11, fontFamily: "monospace" }}>
-              {String(error)}{"\n\n"}{(error as any).stack}
-            </Text>
-          </ScrollView>
-        </View>
-      );
-    }
-    return this.props.children;
-  }
-}
-
 export default function RootLayout() {
   const { settings, ready } = useSettings();
-  const [jsError, setJsError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const prev = (ErrorUtils as any).getGlobalHandler();
-    (ErrorUtils as any).setGlobalHandler((e: Error, isFatal: boolean) => {
-      if (isFatal) setJsError(`${String(e)}\n\n${(e as any).stack ?? ""}`);
-      prev?.(e, isFatal);
-    });
-    return () => (ErrorUtils as any).setGlobalHandler(prev);
-  }, []);
 
   useEffect(() => {
     if (!ready) return;
@@ -58,41 +18,39 @@ export default function RootLayout() {
     }
   }, [ready, settings.onboardingDone]);
 
-  if (jsError) {
-    return (
-      <View style={{ flex: 1, backgroundColor: "#0f1117", padding: 20, paddingTop: 60 }}>
-        <Text style={{ color: "#ef4444", fontSize: 16, fontWeight: "700", marginBottom: 12 }}>
-          FATAL JS ERROR — copie ce texte
-        </Text>
-        <ScrollView>
-          <Text style={{ color: "#fff", fontSize: 11, fontFamily: "monospace" }}>
-            {jsError}
-          </Text>
-        </ScrollView>
-      </View>
-    );
-  }
-
   return (
-    <CrashBoundary>
+    <SafeAreaProvider>
-      <GestureHandlerRootView style={{ flex: 1, backgroundColor: Colors.bg }}>
+    <GestureHandlerRootView style={{ flex: 1, backgroundColor: Colors.bg }}>
-        <StatusBar style="light" />
+      <StatusBar style="light" />
-        <Stack
+      <Stack
-          screenOptions={{
+        screenOptions={{
-            headerStyle: { backgroundColor: Colors.surface },
+          headerStyle: { backgroundColor: Colors.surface },
-            headerTintColor: Colors.text1,
+          headerTintColor: Colors.text1,
-            headerTitleStyle: { color: Colors.text1 },
+          headerTitleStyle: { color: Colors.text1 },
-            contentStyle: { backgroundColor: Colors.bg },
+          contentStyle: { backgroundColor: Colors.bg },
-            animation: "slide_from_right",
+          animation: "slide_from_right",
+        }}
+      >
+        <Stack.Screen
+          name="index"
+          options={{
+            title: "SheetHappens",
+            headerRight: () => (
+              <Pressable
+                onPress={() => router.push("/settings")}
+                style={{ paddingLeft: 12, paddingRight: 4, paddingVertical: 6 }}
+              >
+                <Text style={{ color: Colors.primary, fontSize: 22, lineHeight: 26 }}>⚙</Text>
+              </Pressable>
+            ),
           }}
-        >
+        />
-          <Stack.Screen name="index" options={{ title: "SheetHappens" }} />
+        <Stack.Screen name="new" options={{ title: "New Incident", presentation: "modal" }} />
-          <Stack.Screen name="new" options={{ title: "New Incident", presentation: "modal" }} />
+        <Stack.Screen name="incident/[id]" options={{ title: "Incident" }} />
-          <Stack.Screen name="incident/[id]" options={{ title: "Incident" }} />
+        <Stack.Screen name="settings" options={{ title: "Settings" }} />
-          <Stack.Screen name="settings" options={{ title: "Settings" }} />
+        <Stack.Screen name="onboarding" options={{ headerShown: false }} />
-          <Stack.Screen name="onboarding" options={{ headerShown: false }} />
+      </Stack>
-        </Stack>
+    </GestureHandlerRootView>
-      </GestureHandlerRootView>
+    </SafeAreaProvider>
-    </CrashBoundary>
   );
 }

app/incident/[id].tsx

@@ -8,11 +8,13 @@ import {
   Share,
 } from "react-native";
 import { useLocalSearchParams, router, useNavigation } from "expo-router";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import * as Clipboard from "expo-clipboard";
 import * as SecureStore from "expo-secure-store";
-import { getIncidentById, updateIncident } from "@/lib/db";
+import { getIncidentById, updateIncident, deleteIncident, markIncidentPushed } from "@/lib/db";
 import { renderMarkdown } from "@/lib/markdown";
-import { pushIncidentToGitea } from "@/lib/gitea";
+import { pushIncidentToGit, loadGitConfig, deleteIncidentFromGit } from "@/lib/git";
+import type { GitConfig } from "@/lib/git";
 import type { Incident } from "@/types/incident";
 import { Colors } from "@/constants/theme";
 
@@ -41,11 +43,14 @@ export default function IncidentDetailScreen() {
   const navigation = useNavigation();
   const [incident, setIncident] = useState<Incident | null>(null);
   const [pushing, setPushing] = useState(false);
+  const [gitConfig, setGitConfig] = useState<GitConfig | null>(null);
+  const insets = useSafeAreaInsets();
 
   useEffect(() => {
     if (id) {
-      getIncidentById(id).then((inc) => {
+      Promise.all([getIncidentById(id), loadGitConfig()]).then(([inc, config]) => {
         setIncident(inc);
+        setGitConfig(config);
         if (inc) {
           navigation.setOptions({ title: inc.title || "Incident" });
         }
@@ -53,34 +58,80 @@ export default function IncidentDetailScreen() {
     }
   }, [id]);
 
+  async function handleDelete() {
+    if (!incident) return;
+
+    const canDeleteFromRepo = !!incident.gitPushedAt && gitConfig !== null;
+
+    const doDelete = async (deleteFromRepo: boolean) => {
+      if (deleteFromRepo && gitConfig) {
+        const result = await deleteIncidentFromGit(incident, gitConfig);
+        if (!result.success) {
+          Alert.alert("Repo deletion failed", result.error ?? "Unknown error");
+          return;
+        }
+      }
+      await deleteIncident(incident.id);
+      router.replace("/");
+    };
+
+    if (canDeleteFromRepo) {
+      Alert.alert(
+        "Delete incident?",
+        "This incident was pushed to the repository. Do you also want to delete the file from the repo?",
+        [
+          { text: "Cancel", style: "cancel" },
+          {
+            text: "Local only",
+            onPress: () => doDelete(false),
+          },
+          {
+            text: "Local + Repo",
+            style: "destructive",
+            onPress: () => doDelete(true),
+          },
+        ]
+      );
+    } else {
+      Alert.alert(
+        "Delete incident?",
+        "This action cannot be undone.",
+        [
+          { text: "Cancel", style: "cancel" },
+          {
+            text: "Delete",
+            style: "destructive",
+            onPress: () => doDelete(false),
+          },
+        ]
+      );
+    }
+  }
+
   async function handleResolve() {
     if (!incident) return;
     await updateIncident(incident.id, { status: "resolved" });
     setIncident({ ...incident, status: "resolved" });
   }
 
-  async function handleGiteaPush() {
+  async function handleGitPush() {
     if (!incident) return;
-    const [url, token, owner, repo, template] = await Promise.all([
+    const [config, template] = await Promise.all([
-      SecureStore.getItemAsync("gitea_url"),
+      loadGitConfig(),
-      SecureStore.getItemAsync("gitea_token"),
-      SecureStore.getItemAsync("gitea_owner"),
-      SecureStore.getItemAsync("gitea_repo"),
       SecureStore.getItemAsync("md_template"),
     ]);
-    if (!url || !token || !owner || !repo) {
+    if (!config) {
-      Alert.alert("Gitea not configured", "Set up Gitea in Settings first.");
+      Alert.alert("Git not configured", "Set up a git provider in Settings first.");
       return;
     }
     setPushing(true);
-    const result = await pushIncidentToGitea(
+    const result = await pushIncidentToGit(incident, config, template ?? undefined);
-      incident,
-      { url, token, owner, repo },
-      template ?? undefined
-    );
     setPushing(false);
     if (result.success) {
-      Alert.alert("Pushed", result.url ? `${result.url}` : "Push successful.");
+      const now = new Date().toISOString();
+      await markIncidentPushed(incident.id);
+      setIncident((prev) => prev ? { ...prev, gitPushedAt: now } : prev);
+      Alert.alert("Pushed", result.url ?? "Push successful.");
     } else {
       Alert.alert("Push failed", result.error ?? "Unknown error");
     }
@@ -110,14 +161,14 @@ export default function IncidentDetailScreen() {
   return (
     <ScrollView
       style={{ flex: 1, backgroundColor: Colors.bg }}
-      contentContainerStyle={{ padding: 16, paddingBottom: 32 }}
+      contentContainerStyle={{ padding: 16, paddingBottom: 32 + insets.bottom }}
     >
       {/* Status badge */}
       <View style={{ flexDirection: "row", alignItems: "center", gap: 8, marginBottom: 4 }}>
         <View
           style={{
             backgroundColor:
-              incident.status === "open" ? "#f59e0b20" : "#22c55e20",
+              incident.status === "open" ? "#f59e0b20" : "#88D65620",
             borderRadius: 6,
             paddingHorizontal: 10,
             paddingVertical: 4,
@@ -188,7 +239,7 @@ export default function IncidentDetailScreen() {
           <Pressable
             onPress={handleResolve}
             style={{
-              backgroundColor: "#22c55e20",
+              backgroundColor: "#88D65620",
               borderWidth: 1,
               borderColor: Colors.success,
               borderRadius: 10,
@@ -219,7 +270,7 @@ export default function IncidentDetailScreen() {
         </Pressable>
 
         <Pressable
-          onPress={handleGiteaPush}
+          onPress={handleGitPush}
           disabled={pushing}
           style={{
             backgroundColor: pushing ? Colors.surface2 : Colors.surface,
@@ -237,7 +288,7 @@ export default function IncidentDetailScreen() {
               fontSize: 15,
             }}
           >
-            {pushing ? "Pushing…" : "Push to Gitea"}
+            {pushing ? "Pushing…" : "Push to Git"}
           </Text>
         </Pressable>
 
@@ -256,6 +307,23 @@ export default function IncidentDetailScreen() {
             Edit
           </Text>
         </Pressable>
+
+        <Pressable
+          onPress={handleDelete}
+          style={{
+            backgroundColor: "#ef444410",
+            borderWidth: 1,
+            borderColor: "#ef4444",
+            borderRadius: 10,
+            padding: 14,
+            alignItems: "center",
+            marginTop: 8,
+          }}
+        >
+          <Text style={{ color: "#ef4444", fontWeight: "600", fontSize: 15 }}>
+            Delete Incident
+          </Text>
+        </Pressable>
       </View>
     </ScrollView>
   );

app/index.tsx

@@ -1,20 +1,37 @@
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import {
   View,
   Text,
   FlatList,
   Pressable,
   ActivityIndicator,
+  Alert,
 } from "react-native";
-import { router } from "expo-router";
+import { router, useFocusEffect } from "expo-router";
-import { getIncidents } from "@/lib/db";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import * as SecureStore from "expo-secure-store";
+import { getIncidents, markIncidentPushed } from "@/lib/db";
+import { pushIncidentToGit, loadGitConfig } from "@/lib/git";
+import type { GitConfig } from "@/lib/git";
 import { useSettings } from "@/hooks/useSettings";
 import type { Incident } from "@/types/incident";
 import { Colors } from "@/constants/theme";
 
+function gitDotColor(inc: Incident): string {
+  if (!inc.gitPushedAt) return Colors.danger;
+  if (inc.gitPushedAt < inc.updatedAt) return Colors.warning;
+  return Colors.success;
+}
+
 export default function HomeScreen() {
   const [incidents, setIncidents] = useState<Incident[]>([]);
   const [loading, setLoading] = useState(true);
+  const [gitConfig, setGitConfig] = useState<GitConfig | null>(null);
+  const [mdTemplate, setMdTemplate] = useState<string | undefined>(undefined);
+  const [selectionMode, setSelectionMode] = useState(false);
+  const [selected, setSelected] = useState<Set<string>>(new Set());
+  const [bulkPushing, setBulkPushing] = useState(false);
+  const [bulkProgress, setBulkProgress] = useState({ done: 0, total: 0 });
   const { settings, ready } = useSettings();
   const didRedirect = useRef(false);
 
@@ -26,29 +43,107 @@ export default function HomeScreen() {
     }
   }, [ready, settings.homeView]);
 
-  useEffect(() => {
+  useFocusEffect(
-    loadIncidents();
+    useCallback(() => {
-  }, []);
+      load();
+    }, [])
+  );
 
-  async function loadIncidents() {
+  async function load() {
     setLoading(true);
-    const data = await getIncidents(10);
+    const [data, config, tpl] = await Promise.all([
+      getIncidents(100),
+      loadGitConfig(),
+      SecureStore.getItemAsync("md_template"),
+    ]);
     setIncidents(data);
+    setGitConfig(config);
+    setMdTemplate(tpl ?? undefined);
     setLoading(false);
   }
 
+  function enterSelectionMode(id: string) {
+    setSelectionMode(true);
+    setSelected(new Set([id]));
+  }
+
+  function toggleSelection(id: string) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+
+  function exitSelectionMode() {
+    setSelectionMode(false);
+    setSelected(new Set());
+  }
+
+  function selectAllUnpushed() {
+    const ids = incidents
+      .filter((i) => !i.gitPushedAt || i.gitPushedAt < i.updatedAt)
+      .map((i) => i.id);
+    setSelected(new Set(ids));
+  }
+
+  const unpushedCount = incidents.filter(
+    (i) => !i.gitPushedAt || i.gitPushedAt < i.updatedAt
+  ).length;
+
+  async function handleBulkPush() {
+    if (!gitConfig) {
+      Alert.alert("Git not configured", "Set up a git provider in Settings first.");
+      return;
+    }
+    const toPush = incidents.filter((i) => selected.has(i.id));
+    if (toPush.length === 0) return;
+
+    setBulkPushing(true);
+    setBulkProgress({ done: 0, total: toPush.length });
+
+    let ok = 0;
+    let fail = 0;
+    const now = new Date().toISOString();
+
+    for (let i = 0; i < toPush.length; i++) {
+      const inc = toPush[i];
+      const result = await pushIncidentToGit(inc, gitConfig, mdTemplate);
+      if (result.success) {
+        await markIncidentPushed(inc.id);
+        setIncidents((prev) =>
+          prev.map((x) => (x.id === inc.id ? { ...x, gitPushedAt: now } : x))
+        );
+        ok++;
+      } else {
+        fail++;
+      }
+      setBulkProgress({ done: i + 1, total: toPush.length });
+    }
+
+    setBulkPushing(false);
+    exitSelectionMode();
+
+    if (fail === 0) {
+      Alert.alert("Done", `${ok} incident${ok > 1 ? "s" : ""} pushed.`);
+    } else {
+      Alert.alert("Partial", `${ok} pushed, ${fail} failed.`);
+    }
+  }
+
+  const gitConfigured = gitConfig !== null;
+  const insets = useSafeAreaInsets();
+
   return (
     <View style={{ flex: 1, backgroundColor: Colors.bg }}>
       {loading ? (
-        <ActivityIndicator
+        <ActivityIndicator color={Colors.primary} style={{ marginTop: 48 }} />
-          color={Colors.primary}
-          style={{ marginTop: 48 }}
-        />
       ) : (
         <FlatList
           data={incidents}
           keyExtractor={(item) => item.id}
-          contentContainerStyle={{ padding: 16, paddingBottom: 96 }}
+          contentContainerStyle={{ padding: 16, paddingBottom: 96 + insets.bottom }}
           ListEmptyComponent={
             <Text
               style={{
@@ -61,98 +156,243 @@ export default function HomeScreen() {
               No incidents. Press + to log one.
             </Text>
           }
-          renderItem={({ item }) => (
+          renderItem={({ item }) => {
-            <Pressable
+            const isSelected = selected.has(item.id);
-              onPress={() => router.push(`/incident/${item.id}`)}
+            return (
-              style={{
+              <Pressable
-                backgroundColor: Colors.surface,
+                onPress={() =>
-                borderRadius: 8,
+                  selectionMode
-                padding: 16,
+                    ? toggleSelection(item.id)
-                marginBottom: 10,
+                    : router.push(`/incident/${item.id}`)
-                borderLeftWidth: 3,
+                }
-                borderLeftColor:
+                onLongPress={() => !selectionMode && enterSelectionMode(item.id)}
-                  item.status === "open" ? Colors.warning : Colors.success,
-              }}
-            >
-              <View
                 style={{
+                  backgroundColor: isSelected ? Colors.surface2 : Colors.surface,
+                  borderRadius: 8,
+                  padding: 16,
+                  marginBottom: 10,
+                  borderLeftWidth: 3,
+                  borderLeftColor:
+                    item.status === "open" ? Colors.warning : Colors.success,
                   flexDirection: "row",
-                  justifyContent: "space-between",
                   alignItems: "center",
-                  marginBottom: 4,
                 }}
               >
-                <Text
+                <View style={{ flex: 1 }}>
-                  style={{
+                  <View
-                    color: Colors.text1,
-                    fontSize: 15,
-                    fontWeight: "600",
-                    flex: 1,
-                  }}
-                  numberOfLines={1}
-                >
-                  {item.title || "Untitled"}
-                </Text>
-                <View
-                  style={{
-                    backgroundColor:
-                      item.status === "open"
-                        ? "#f59e0b20"
-                        : "#22c55e20",
-                    borderRadius: 4,
-                    paddingHorizontal: 8,
-                    paddingVertical: 2,
-                    marginLeft: 8,
-                  }}
-                >
-                  <Text
                     style={{
-                      color:
+                      flexDirection: "row",
-                        item.status === "open"
+                      justifyContent: "space-between",
-                          ? Colors.warning
+                      alignItems: "center",
-                          : Colors.success,
+                      marginBottom: 4,
-                      fontSize: 11,
-                      fontWeight: "700",
-                      textTransform: "uppercase",
                     }}
                   >
-                    {item.status}
+                    <Text
+                      style={{
+                        color: Colors.text1,
+                        fontSize: 15,
+                        fontWeight: "600",
+                        flex: 1,
+                      }}
+                      numberOfLines={1}
+                    >
+                      {item.title || "Untitled"}
+                    </Text>
+                    <View style={{ flexDirection: "row", alignItems: "center", marginLeft: 8, gap: 6 }}>
+                      {gitConfigured && !selectionMode && (
+                        <View
+                          style={{
+                            width: 8,
+                            height: 8,
+                            borderRadius: 4,
+                            backgroundColor: gitDotColor(item),
+                          }}
+                        />
+                      )}
+                      <View
+                        style={{
+                          backgroundColor:
+                            item.status === "open" ? "#f59e0b20" : "#88D65620",
+                          borderRadius: 4,
+                          paddingHorizontal: 8,
+                          paddingVertical: 2,
+                        }}
+                      >
+                        <Text
+                          style={{
+                            color:
+                              item.status === "open"
+                                ? Colors.warning
+                                : Colors.success,
+                            fontSize: 11,
+                            fontWeight: "700",
+                            textTransform: "uppercase",
+                          }}
+                        >
+                          {item.status}
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                  <Text
+                    style={{ color: Colors.text2, fontSize: 12 }}
+                    numberOfLines={1}
+                  >
+                    {item.service || "—"} · {item.createdAt.slice(0, 10)}
                   </Text>
                 </View>
-              </View>
+
-              <Text
+                {selectionMode && (
-                style={{ color: Colors.text2, fontSize: 12 }}
+                  <View
-                numberOfLines={1}
+                    style={{
-              >
+                      width: 22,
-                {item.service || "—"} · {item.createdAt.slice(0, 10)}
+                      height: 22,
-              </Text>
+                      borderRadius: 11,
-            </Pressable>
+                      borderWidth: 2,
-          )}
+                      borderColor: isSelected ? Colors.primary : Colors.border,
+                      backgroundColor: isSelected ? Colors.primary : "transparent",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      marginLeft: 14,
+                    }}
+                  >
+                    {isSelected && (
+                      <Text
+                        style={{ color: Colors.bg, fontSize: 12, fontWeight: "700" }}
+                      >
+                        ✓
+                      </Text>
+                    )}
+                  </View>
+                )}
+              </Pressable>
+            );
+          }}
         />
       )}
 
-      {/* FAB */}
+      {/* FAB — hidden in selection mode */}
-      <Pressable
+      {!selectionMode && (
-        onPress={() => router.push("/new")}
+        <Pressable
-        style={{
+          onPress={() => router.push("/new")}
-          position: "absolute",
+          style={{
-          bottom: 24,
+            position: "absolute",
-          right: 24,
+            bottom: 24 + insets.bottom,
-          width: 56,
+            right: 24,
-          height: 56,
+            width: 56,
-          borderRadius: 28,
+            height: 56,
-          backgroundColor: Colors.primary,
+            borderRadius: 28,
-          alignItems: "center",
+            backgroundColor: Colors.primary,
-          justifyContent: "center",
+            alignItems: "center",
-          elevation: 6,
+            justifyContent: "center",
-        }}
+            elevation: 6,
-      >
+          }}
-        <Text
-          style={{ color: "#fff", fontSize: 28, lineHeight: 32 }}
         >
-          +
+          <Text style={{ color: "#fff", fontSize: 28, lineHeight: 32 }}>+</Text>
-        </Text>
+        </Pressable>
-      </Pressable>
+      )}
+
+      {/* Selection mode action bar */}
+      {selectionMode && (
+        <View
+          style={{
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            backgroundColor: Colors.surface,
+            borderTopWidth: 1,
+            borderTopColor: Colors.border,
+            padding: 12,
+            paddingBottom: 12 + insets.bottom,
+            gap: 10,
+          }}
+        >
+          {/* Quick-select shortcuts */}
+          <View style={{ flexDirection: "row", gap: 8 }}>
+            {gitConfigured && unpushedCount > 0 && (
+              <Pressable
+                onPress={selectAllUnpushed}
+                style={{
+                  flex: 1,
+                  borderRadius: 6,
+                  borderWidth: 1,
+                  borderColor: Colors.border,
+                  padding: 8,
+                  alignItems: "center",
+                }}
+              >
+                <Text style={{ color: Colors.text2, fontSize: 12, fontWeight: "600" }}>
+                  Select unpushed ({unpushedCount})
+                </Text>
+              </Pressable>
+            )}
+            <Pressable
+              onPress={() => setSelected(new Set(incidents.map((i) => i.id)))}
+              style={{
+                flex: 1,
+                borderRadius: 6,
+                borderWidth: 1,
+                borderColor: Colors.border,
+                padding: 8,
+                alignItems: "center",
+              }}
+            >
+              <Text style={{ color: Colors.text2, fontSize: 12, fontWeight: "600" }}>
+                Select all ({incidents.length})
+              </Text>
+            </Pressable>
+          </View>
+
+          {/* Main actions */}
+          <View style={{ flexDirection: "row", gap: 10 }}>
+            <Pressable
+              onPress={exitSelectionMode}
+              style={{
+                flex: 1,
+                borderRadius: 8,
+                borderWidth: 1,
+                borderColor: Colors.border,
+                padding: 14,
+                alignItems: "center",
+              }}
+            >
+              <Text style={{ color: Colors.text2, fontSize: 15, fontWeight: "600" }}>
+                Cancel
+              </Text>
+            </Pressable>
+            <Pressable
+              onPress={handleBulkPush}
+              disabled={selected.size === 0 || bulkPushing || !gitConfigured}
+              style={{
+                flex: 2,
+                borderRadius: 8,
+                backgroundColor:
+                  selected.size === 0 || !gitConfigured
+                    ? Colors.surface2
+                    : Colors.primary,
+                padding: 14,
+                alignItems: "center",
+              }}
+            >
+              <Text
+                style={{
+                  color:
+                    selected.size === 0 || !gitConfigured
+                      ? Colors.textDim
+                      : Colors.bg,
+                  fontSize: 15,
+                  fontWeight: "700",
+                }}
+              >
+                {bulkPushing
+                  ? `Pushing ${bulkProgress.done}/${bulkProgress.total}…`
+                  : `Push ${selected.size > 0 ? selected.size : ""} selected`}
+              </Text>
+            </Pressable>
+          </View>
+        </View>
+      )}
     </View>
   );
 }

app/new.tsx

@@ -10,14 +10,18 @@ import {
   Alert,
 } from "react-native";
 import { router, useLocalSearchParams, useNavigation } from "expo-router";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import * as SecureStore from "expo-secure-store";
 import {
   createIncident,
   updateIncident,
   getIncidentById,
   getDistinctServices,
+  getMaxTitleNumber,
 } from "@/lib/db";
 import { Colors } from "@/constants/theme";
 import { useVoice } from "@/hooks/useVoice";
+import { callAI } from "@/lib/ai";
 import type { IncidentDraft } from "@/types/incident";
 
 const FIELD_STYLE = {
@@ -46,11 +50,13 @@ const LABEL_STYLE = {
   letterSpacing: 0.5,
 } as const;
 
-type VoiceField = "title" | "symptom" | "rootCause" | "fix";
+type VoiceField = "title" | "service" | "symptom" | "rootCause" | "fix";
+
 
 export default function NewIncidentScreen() {
   const { editId } = useLocalSearchParams<{ editId?: string }>();
   const navigation = useNavigation();
+  const insets = useSafeAreaInsets();
 
   const [form, setForm] = useState<IncidentDraft>({
     title: "",
@@ -63,6 +69,9 @@ export default function NewIncidentScreen() {
   });
   const [tagInput, setTagInput] = useState("");
   const [saving, setSaving] = useState(false);
+  const [suggesting, setSuggesting] = useState(false);
+  const [suggestError, setSuggestError] = useState("");
+  const [aiEnabled, setAiEnabled] = useState(false);
   const [knownServices, setKnownServices] = useState<string[]>([]);
   const [serviceFocused, setServiceFocused] = useState(false);
 
@@ -72,8 +81,16 @@ export default function NewIncidentScreen() {
 
   useEffect(() => {
     getDistinctServices().then(setKnownServices);
+    SecureStore.getItemAsync("pref_ai_enabled").then((v) => setAiEnabled(v === "true"));
   }, []);
 
+  useEffect(() => {
+    if (editId) return;
+    SecureStore.getItemAsync("pref_title_template").then((tpl) => {
+      if (tpl) setForm((f) => ({ ...f, title: tpl }));
+    });
+  }, [editId]);
+
   useEffect(() => {
     if (!editId) return;
     navigation.setOptions({ title: "Edit Incident" });
@@ -133,6 +150,19 @@ export default function NewIncidentScreen() {
     setForm((f) => ({ ...f, tags: f.tags.filter((t) => t !== tag) }));
   }
 
+  async function handleSuggest() {
+    setSuggesting(true);
+    setSuggestError("");
+    try {
+      const result = await callAI(form.title, form.symptom);
+      setForm((f) => ({ ...f, rootCause: result.rootCause, fix: result.fix }));
+    } catch (e) {
+      setSuggestError(e instanceof Error ? e.message : "AI call failed");
+    } finally {
+      setSuggesting(false);
+    }
+  }
+
   async function handleSave() {
     if (!form.title.trim()) {
       Alert.alert("Required", "Title is required.");
@@ -144,6 +174,17 @@ export default function NewIncidentScreen() {
         await updateIncident(editId, form);
       } else {
         await createIncident(form);
+        const tpl = await SecureStore.getItemAsync("pref_title_template");
+        if (tpl) {
+          const match = tpl.match(/^([\s\S]*?)(\d+)$/);
+          if (match) {
+            const [, prefix, numStr] = match;
+            const dbMax = await getMaxTitleNumber(prefix);
+            const tplNum = parseInt(numStr, 10);
+            const next = (Math.max(dbMax, tplNum) + 1).toString().padStart(numStr.length, "0");
+            await SecureStore.setItemAsync("pref_title_template", prefix + next);
+          }
+        }
       }
       router.back();
     } catch {
@@ -211,7 +252,7 @@ export default function NewIncidentScreen() {
       behavior={Platform.OS === "ios" ? "padding" : undefined}
     >
       <ScrollView
-        contentContainerStyle={{ padding: 16, paddingBottom: 32 }}
+        contentContainerStyle={{ padding: 16, paddingBottom: 32 + insets.bottom }}
         keyboardShouldPersistTaps="handled"
       >
         {labelRow("Title *", "title")}
@@ -224,7 +265,7 @@ export default function NewIncidentScreen() {
           returnKeyType="next"
         />
 
-        <Text style={[LABEL_STYLE, { marginBottom: 6 }]}>Service</Text>
+        {labelRow("Service", "service")}
         <TextInput
           style={FIELD_STYLE}
           value={form.service}
@@ -278,6 +319,35 @@ export default function NewIncidentScreen() {
           returnKeyType="next"
         />
 
+        {aiEnabled && form.title.trim() && form.symptom.trim() && (
+          <View style={{ marginBottom: 16 }}>
+            <Pressable
+              onPress={handleSuggest}
+              disabled={suggesting}
+              style={{
+                backgroundColor: suggesting ? Colors.surface2 : Colors.surface,
+                borderRadius: 8,
+                padding: 12,
+                alignItems: "center",
+                borderWidth: 1,
+                borderColor: Colors.primary,
+                flexDirection: "row",
+                justifyContent: "center",
+                gap: 8,
+              }}
+            >
+              <Text style={{ color: Colors.primary, fontSize: 14, fontWeight: "700" }}>
+                {suggesting ? "Analyzing…" : "✦ Suggest root cause & fix"}
+              </Text>
+            </Pressable>
+            {suggestError !== "" && (
+              <Text style={{ color: Colors.danger, fontSize: 12, marginTop: 6 }}>
+                {suggestError}
+              </Text>
+            )}
+          </View>
+        )}
+
         {labelRow("Root Cause", "rootCause")}
         <TextInput
           style={MONO_FIELD_STYLE}

app/settings.tsx

@@ -6,22 +6,37 @@ import {
   ScrollView,
   Switch,
   Pressable,
-  Alert,
 } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import * as SecureStore from "expo-secure-store";
 import { Colors } from "@/constants/theme";
 import { DEFAULT_TEMPLATE } from "@/lib/markdown";
+import type { GitProvider } from "@/lib/git";
+import type { AIProvider } from "@/lib/ai";
+import { AI_PROVIDER_BASE_URLS, AI_PROVIDER_MODEL_PLACEHOLDERS } from "@/lib/ai";
 
 const KEYS = {
   INPUT_MODE: "pref_input_mode",
   HOME_VIEW: "pref_home_view",
   AI_ENABLED: "pref_ai_enabled",
+  AI_PROVIDER: "pref_ai_provider",
   AI_KEY: "pref_ai_key",
+  AI_BASE_URL: "pref_ai_base_url",
+  AI_MODEL: "pref_ai_model",
+  TITLE_TEMPLATE: "pref_title_template",
+  MD_TEMPLATE: "md_template",
+  GIT_PROVIDER: "git_provider",
   GITEA_URL: "gitea_url",
   GITEA_TOKEN: "gitea_token",
   GITEA_OWNER: "gitea_owner",
   GITEA_REPO: "gitea_repo",
-  MD_TEMPLATE: "md_template",
+  GITHUB_TOKEN: "github_token",
+  GITHUB_OWNER: "github_owner",
+  GITHUB_REPO: "github_repo",
+  GITLAB_URL: "gitlab_url",
+  GITLAB_TOKEN: "gitlab_token",
+  GITLAB_OWNER: "gitlab_owner",
+  GITLAB_REPO: "gitlab_repo",
 } as const;
 
 const LABEL = {
@@ -53,142 +68,256 @@ const INPUT = {
   fontFamily: "monospace",
 } as const;
 
+const PROVIDER_LABELS: Record<GitProvider, string> = {
+  gitea: "Gitea",
+  github: "GitHub",
+  gitlab: "GitLab",
+};
+
+function parseRepoUrl(raw: string, provider: GitProvider): { instanceUrl?: string; owner?: string; repo?: string } {
+  try {
+    const cleaned = raw.trim().replace(/\.git$/, "");
+    const u = new URL(cleaned);
+    const parts = u.pathname.split("/").filter(Boolean);
+    if (parts.length < 2) return {};
+    const repo = parts[parts.length - 1];
+    const owner = parts[parts.length - 2];
+    const instanceUrl = provider !== "github" ? `${u.protocol}//${u.host}` : undefined;
+    return { instanceUrl, owner, repo };
+  } catch {
+    return {};
+  }
+}
+
+function buildRepoUrl(instanceUrl: string | null, owner: string | null, repo: string | null, provider: GitProvider): string {
+  if (!owner || !repo) return "";
+  const base = provider === "github" ? "https://github.com" : (instanceUrl ?? "");
+  if (!base) return "";
+  return `${base}/${owner}/${repo}.git`;
+}
+
+// Defined outside SettingsScreen — prevents remount on every rerender, which
+// would cause TextInput to lose focus after each keystroke.
+
+function ToggleRow({
+  label,
+  value,
+  onValueChange,
+}: {
+  label: string;
+  value: boolean;
+  onValueChange: (v: boolean) => void;
+}) {
+  return (
+    <View
+      style={{
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        backgroundColor: Colors.surface,
+        borderRadius: 8,
+        padding: 14,
+        marginBottom: 10,
+      }}
+    >
+      <Text style={{ color: Colors.text1, fontSize: 15 }}>{label}</Text>
+      <Switch
+        value={value}
+        onValueChange={onValueChange}
+        trackColor={{ true: Colors.primary, false: Colors.border }}
+        thumbColor="#fff"
+      />
+    </View>
+  );
+}
+
+function SegmentRow({
+  label,
+  options,
+  value,
+  onChange,
+  wrap,
+}: {
+  label: string;
+  options: { key: string; label: string }[];
+  value: string;
+  onChange: (v: string) => void;
+  wrap?: boolean;
+}) {
+  return (
+    <View style={{ marginBottom: 16 }}>
+      <Text style={LABEL}>{label}</Text>
+      <View style={{ flexDirection: "row", gap: 8, flexWrap: wrap ? "wrap" : "nowrap" }}>
+        {options.map((opt) => (
+          <Pressable
+            key={opt.key}
+            onPress={() => onChange(opt.key)}
+            style={{
+              ...(wrap ? { width: "31%" } : { flex: 1 }),
+              backgroundColor:
+                value === opt.key ? Colors.primary : Colors.surface,
+              borderRadius: 8,
+              padding: 12,
+              alignItems: "center",
+              borderWidth: 1,
+              borderColor:
+                value === opt.key ? Colors.primary : Colors.border,
+            }}
+          >
+            <Text
+              style={{
+                color: value === opt.key ? Colors.bg : Colors.text2,
+                fontWeight: "700",
+                fontSize: 13,
+              }}
+            >
+              {opt.label}
+            </Text>
+          </Pressable>
+        ))}
+      </View>
+    </View>
+  );
+}
+
+function Field({
+  label,
+  value,
+  onChange,
+  placeholder,
+  secure,
+  url,
+}: {
+  label: string;
+  value: string;
+  onChange: (v: string) => void;
+  placeholder?: string;
+  secure?: boolean;
+  url?: boolean;
+}) {
+  return (
+    <>
+      <Text style={LABEL}>{label}</Text>
+      <TextInput
+        style={INPUT}
+        value={value}
+        onChangeText={onChange}
+        placeholder={placeholder}
+        placeholderTextColor={Colors.textDim}
+        secureTextEntry={secure}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType={url ? "url" : "default"}
+      />
+    </>
+  );
+}
+
 export default function SettingsScreen() {
+  const insets = useSafeAreaInsets();
   const [inputMode, setInputMode] = useState<"voice" | "form">("form");
   const [homeView, setHomeView] = useState<"dashboard" | "capture">("dashboard");
   const [aiEnabled, setAiEnabled] = useState(false);
+  const [aiProvider, setAiProvider] = useState<AIProvider>("openai");
   const [aiKey, setAiKey] = useState("");
-  const [giteaUrl, setGiteaUrl] = useState("");
+  const [aiBaseUrl, setAiBaseUrl] = useState("");
-  const [giteaToken, setGiteaToken] = useState("");
+  const [aiModel, setAiModel] = useState("");
-  const [giteaOwner, setGiteaOwner] = useState("");
+  const [titleTemplate, setTitleTemplate] = useState("");
-  const [giteaRepo, setGiteaRepo] = useState("");
   const [mdTemplate, setMdTemplate] = useState(DEFAULT_TEMPLATE);
   const [saved, setSaved] = useState(false);
 
+  const [gitProvider, setGitProvider] = useState<GitProvider>("gitea");
+  const [giteaRepoUrl, setGiteaRepoUrl] = useState("");
+  const [giteaToken, setGiteaToken] = useState("");
+  const [githubRepoUrl, setGithubRepoUrl] = useState("");
+  const [githubToken, setGithubToken] = useState("");
+  const [gitlabRepoUrl, setGitlabRepoUrl] = useState("");
+  const [gitlabToken, setGitlabToken] = useState("");
+
   useEffect(() => {
     (async () => {
-      const [im, hv, ai, key, gu, gt, go, gr, tpl] = await Promise.all([
+      const [
+        im, hv, ai, aip, key, aiUrl, aiMdl, titleTpl, tpl,
+        gp, gu, gt, go, gr,
+        ghu, ghown, ghrepo,
+        glu, glt, glo, glr,
+      ] = await Promise.all([
         SecureStore.getItemAsync(KEYS.INPUT_MODE),
         SecureStore.getItemAsync(KEYS.HOME_VIEW),
         SecureStore.getItemAsync(KEYS.AI_ENABLED),
+        SecureStore.getItemAsync(KEYS.AI_PROVIDER),
         SecureStore.getItemAsync(KEYS.AI_KEY),
+        SecureStore.getItemAsync(KEYS.AI_BASE_URL),
+        SecureStore.getItemAsync(KEYS.AI_MODEL),
+        SecureStore.getItemAsync(KEYS.TITLE_TEMPLATE),
+        SecureStore.getItemAsync(KEYS.MD_TEMPLATE),
+        SecureStore.getItemAsync(KEYS.GIT_PROVIDER),
         SecureStore.getItemAsync(KEYS.GITEA_URL),
         SecureStore.getItemAsync(KEYS.GITEA_TOKEN),
         SecureStore.getItemAsync(KEYS.GITEA_OWNER),
         SecureStore.getItemAsync(KEYS.GITEA_REPO),
-        SecureStore.getItemAsync(KEYS.MD_TEMPLATE),
+        SecureStore.getItemAsync(KEYS.GITHUB_TOKEN),
+        SecureStore.getItemAsync(KEYS.GITHUB_OWNER),
+        SecureStore.getItemAsync(KEYS.GITHUB_REPO),
+        SecureStore.getItemAsync(KEYS.GITLAB_URL),
+        SecureStore.getItemAsync(KEYS.GITLAB_TOKEN),
+        SecureStore.getItemAsync(KEYS.GITLAB_OWNER),
+        SecureStore.getItemAsync(KEYS.GITLAB_REPO),
       ]);
       if (im) setInputMode(im as "voice" | "form");
       if (hv) setHomeView(hv as "dashboard" | "capture");
       if (ai) setAiEnabled(ai === "true");
+      if (aip) setAiProvider(aip as AIProvider);
       if (key) setAiKey(key);
-      if (gu) setGiteaUrl(gu);
+      if (aiUrl) setAiBaseUrl(aiUrl);
-      if (gt) setGiteaToken(gt);
+      if (aiMdl) setAiModel(aiMdl);
-      if (go) setGiteaOwner(go);
+      if (titleTpl) setTitleTemplate(titleTpl);
-      if (gr) setGiteaRepo(gr);
       if (tpl) setMdTemplate(tpl);
+      if (gp) setGitProvider(gp as GitProvider);
+      if (gt) setGiteaToken(gt);
+      setGiteaRepoUrl(buildRepoUrl(gu, go, gr, "gitea"));
+      if (ghu) setGithubToken(ghu);
+      setGithubRepoUrl(buildRepoUrl(null, ghown, ghrepo, "github"));
+      if (glt) setGitlabToken(glt);
+      setGitlabRepoUrl(buildRepoUrl(glu, glo, glr, "gitlab"));
     })();
   }, []);
 
   async function handleSave() {
+    const gitea = parseRepoUrl(giteaRepoUrl, "gitea");
+    const github = parseRepoUrl(githubRepoUrl, "github");
+    const gitlab = parseRepoUrl(gitlabRepoUrl, "gitlab");
     await Promise.all([
       SecureStore.setItemAsync(KEYS.INPUT_MODE, inputMode),
       SecureStore.setItemAsync(KEYS.HOME_VIEW, homeView),
       SecureStore.setItemAsync(KEYS.AI_ENABLED, String(aiEnabled)),
+      SecureStore.setItemAsync(KEYS.AI_PROVIDER, aiProvider),
       SecureStore.setItemAsync(KEYS.AI_KEY, aiKey),
-      SecureStore.setItemAsync(KEYS.GITEA_URL, giteaUrl),
+      SecureStore.setItemAsync(KEYS.AI_BASE_URL, aiBaseUrl),
-      SecureStore.setItemAsync(KEYS.GITEA_TOKEN, giteaToken),
+      SecureStore.setItemAsync(KEYS.AI_MODEL, aiModel),
-      SecureStore.setItemAsync(KEYS.GITEA_OWNER, giteaOwner),
+      SecureStore.setItemAsync(KEYS.TITLE_TEMPLATE, titleTemplate),
-      SecureStore.setItemAsync(KEYS.GITEA_REPO, giteaRepo),
       SecureStore.setItemAsync(KEYS.MD_TEMPLATE, mdTemplate),
+      SecureStore.setItemAsync(KEYS.GIT_PROVIDER, gitProvider),
+      SecureStore.setItemAsync(KEYS.GITEA_URL, gitea.instanceUrl ?? ""),
+      SecureStore.setItemAsync(KEYS.GITEA_TOKEN, giteaToken),
+      SecureStore.setItemAsync(KEYS.GITEA_OWNER, gitea.owner ?? ""),
+      SecureStore.setItemAsync(KEYS.GITEA_REPO, gitea.repo ?? ""),
+      SecureStore.setItemAsync(KEYS.GITHUB_TOKEN, githubToken),
+      SecureStore.setItemAsync(KEYS.GITHUB_OWNER, github.owner ?? ""),
+      SecureStore.setItemAsync(KEYS.GITHUB_REPO, github.repo ?? ""),
+      SecureStore.setItemAsync(KEYS.GITLAB_URL, gitlab.instanceUrl ?? ""),
+      SecureStore.setItemAsync(KEYS.GITLAB_TOKEN, gitlabToken),
+      SecureStore.setItemAsync(KEYS.GITLAB_OWNER, gitlab.owner ?? ""),
+      SecureStore.setItemAsync(KEYS.GITLAB_REPO, gitlab.repo ?? ""),
     ]);
     setSaved(true);
     setTimeout(() => setSaved(false), 2000);
   }
 
-  function ToggleRow({
-    label,
-    value,
-    onValueChange,
-  }: {
-    label: string;
-    value: boolean;
-    onValueChange: (v: boolean) => void;
-  }) {
-    return (
-      <View
-        style={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-          alignItems: "center",
-          backgroundColor: Colors.surface,
-          borderRadius: 8,
-          padding: 14,
-          marginBottom: 10,
-        }}
-      >
-        <Text style={{ color: Colors.text1, fontSize: 15 }}>{label}</Text>
-        <Switch
-          value={value}
-          onValueChange={onValueChange}
-          trackColor={{ true: Colors.primary, false: Colors.border }}
-          thumbColor="#fff"
-        />
-      </View>
-    );
-  }
-
-  function SegmentRow({
-    label,
-    options,
-    value,
-    onChange,
-  }: {
-    label: string;
-    options: { key: string; label: string }[];
-    value: string;
-    onChange: (v: string) => void;
-  }) {
-    return (
-      <View style={{ marginBottom: 16 }}>
-        <Text style={LABEL}>{label}</Text>
-        <View style={{ flexDirection: "row", gap: 8 }}>
-          {options.map((opt) => (
-            <Pressable
-              key={opt.key}
-              onPress={() => onChange(opt.key)}
-              style={{
-                flex: 1,
-                backgroundColor:
-                  value === opt.key ? Colors.primary : Colors.surface,
-                borderRadius: 8,
-                padding: 12,
-                alignItems: "center",
-                borderWidth: 1,
-                borderColor:
-                  value === opt.key ? Colors.primary : Colors.border,
-              }}
-            >
-              <Text
-                style={{
-                  color: value === opt.key ? "#fff" : Colors.text2,
-                  fontWeight: "600",
-                  fontSize: 13,
-                }}
-              >
-                {opt.label}
-              </Text>
-            </Pressable>
-          ))}
-        </View>
-      </View>
-    );
-  }
-
   return (
     <ScrollView
       style={{ flex: 1, backgroundColor: Colors.bg }}
-      contentContainerStyle={{ padding: 16, paddingBottom: 48 }}
+      contentContainerStyle={{ padding: 16, paddingBottom: 48 + insets.bottom }}
       keyboardShouldPersistTaps="handled"
     >
       <Text style={SECTION_TITLE}>Preferences</Text>
@@ -213,7 +342,48 @@ export default function SettingsScreen() {
         ]}
       />
 
-      <Text style={SECTION_TITLE}>AI (optional)</Text>
+      <Field
+        label="Title Template"
+        value={titleTemplate}
+        onChange={setTitleTemplate}
+        placeholder="INC-001  (leave empty to disable)"
+      />
+      <View
+        style={{
+          backgroundColor: Colors.surface,
+          borderRadius: 8,
+          padding: 10,
+          marginTop: -8,
+          marginBottom: 14,
+          borderLeftWidth: 3,
+          borderLeftColor: Colors.text2,
+        }}
+      >
+        <Text style={{ color: Colors.text2, fontSize: 12, lineHeight: 18 }}>
+          Pre-fills the Title field on new incidents. If the value ends with
+          digits, the number is auto-incremented after each save.{"\n"}
+          e.g. INC-001 → INC-002 → INC-003
+        </Text>
+      </View>
+
+      <Text style={SECTION_TITLE}>AI — Root Cause Assistant</Text>
+      <View
+        style={{
+          backgroundColor: Colors.surface,
+          borderRadius: 8,
+          padding: 12,
+          marginBottom: 14,
+          borderLeftWidth: 3,
+          borderLeftColor: Colors.text2,
+        }}
+      >
+        <Text style={{ color: Colors.text2, fontSize: 13, lineHeight: 20 }}>
+          When enabled, a Suggest button appears between Symptom and Root Cause.
+          It sends the title and symptom to your AI provider and pre-fills the
+          analysis fields. Supports Anthropic natively; all others use the
+          OpenAI-compatible API.
+        </Text>
+      </View>
       <ToggleRow
         label="Enable AI assistance"
         value={aiEnabled}
@@ -221,59 +391,134 @@ export default function SettingsScreen() {
       />
       {aiEnabled && (
         <>
-          <Text style={LABEL}>API Key</Text>
+          <SegmentRow
-          <TextInput
+            label="Provider"
-            style={INPUT}
+            value={aiProvider}
+            wrap
+            onChange={(v) => {
+              const p = v as AIProvider;
+              setAiProvider(p);
+              setAiBaseUrl(AI_PROVIDER_BASE_URLS[p]);
+            }}
+            options={[
+              { key: "anthropic", label: "Anthropic" },
+              { key: "openai", label: "OpenAI" },
+              { key: "mistral", label: "Mistral" },
+              { key: "perplexity", label: "Perplexity" },
+              { key: "ollama", label: "Ollama" },
+              { key: "openrouter", label: "OpenRouter" },
+              { key: "custom", label: "Custom" },
+            ]}
+          />
+          {aiProvider !== "anthropic" && (
+            <Field
+              label="Base URL"
+              value={aiBaseUrl}
+              onChange={setAiBaseUrl}
+              placeholder={AI_PROVIDER_BASE_URLS[aiProvider] || "https://your-api.example.com/v1"}
+              url
+            />
+          )}
+          <Field
+            label="Model"
+            value={aiModel}
+            onChange={setAiModel}
+            placeholder={AI_PROVIDER_MODEL_PLACEHOLDERS[aiProvider]}
+          />
+          <Field
+            label="API Key"
             value={aiKey}
-            onChangeText={setAiKey}
+            onChange={setAiKey}
-            placeholder="sk-..."
+            placeholder={aiProvider === "ollama" ? "no key required" : "paste your API key"}
-            placeholderTextColor={Colors.textDim}
+            secure
-            secureTextEntry
-            autoCapitalize="none"
           />
         </>
       )}
 
-      <Text style={SECTION_TITLE}>Gitea</Text>
+      <Text style={SECTION_TITLE}>Git Repository</Text>
-      <Text style={LABEL}>Instance URL</Text>
+
-      <TextInput
+      <SegmentRow
-        style={INPUT}
+        label="Provider"
-        value={giteaUrl}
+        value={gitProvider}
-        onChangeText={setGiteaUrl}
+        onChange={(v) => setGitProvider(v as GitProvider)}
-        placeholder="https://homegit.gyozamancave.fr"
+        options={(["gitea", "github", "gitlab"] as GitProvider[]).map((p) => ({
-        placeholderTextColor={Colors.textDim}
+          key: p,
-        autoCapitalize="none"
+          label: PROVIDER_LABELS[p],
-        keyboardType="url"
+        }))}
-      />
-      <Text style={LABEL}>Token</Text>
-      <TextInput
-        style={INPUT}
-        value={giteaToken}
-        onChangeText={setGiteaToken}
-        placeholder="Bearer token"
-        placeholderTextColor={Colors.textDim}
-        secureTextEntry
-        autoCapitalize="none"
-      />
-      <Text style={LABEL}>Owner</Text>
-      <TextInput
-        style={INPUT}
-        value={giteaOwner}
-        onChangeText={setGiteaOwner}
-        placeholder="username or org"
-        placeholderTextColor={Colors.textDim}
-        autoCapitalize="none"
-      />
-      <Text style={LABEL}>Repository</Text>
-      <TextInput
-        style={INPUT}
-        value={giteaRepo}
-        onChangeText={setGiteaRepo}
-        placeholder="incidents"
-        placeholderTextColor={Colors.textDim}
-        autoCapitalize="none"
       />
 
+      {gitProvider === "gitea" && (
+        <>
+          <Field
+            label="Repo URL"
+            value={giteaRepoUrl}
+            onChange={setGiteaRepoUrl}
+            placeholder="https://homegit.example.com/username/incidents.git"
+            url
+          />
+          <Field
+            label="Token (PAT, write:repository)"
+            value={giteaToken}
+            onChange={setGiteaToken}
+            placeholder="paste token value — no Bearer prefix"
+            secure
+          />
+          <View
+            style={{
+              backgroundColor: Colors.surface,
+              borderRadius: 8,
+              padding: 10,
+              marginTop: -8,
+              marginBottom: 14,
+              borderLeftWidth: 3,
+              borderLeftColor: Colors.text2,
+            }}
+          >
+            <Text style={{ color: Colors.text2, fontSize: 12, lineHeight: 18 }}>
+              The repo must have at least one commit — initialize it with a README if empty.
+            </Text>
+          </View>
+        </>
+      )}
+
+      {gitProvider === "github" && (
+        <>
+          <Field
+            label="Repo URL"
+            value={githubRepoUrl}
+            onChange={setGithubRepoUrl}
+            placeholder="https://github.com/username/incidents.git"
+            url
+          />
+          <Field
+            label="Personal Access Token"
+            value={githubToken}
+            onChange={setGithubToken}
+            placeholder="ghp_..."
+            secure
+          />
+        </>
+      )}
+
+      {gitProvider === "gitlab" && (
+        <>
+          <Field
+            label="Repo URL"
+            value={gitlabRepoUrl}
+            onChange={setGitlabRepoUrl}
+            placeholder="https://gitlab.com/username/incidents.git"
+            url
+          />
+          <Field
+            label="Personal Access Token"
+            value={gitlabToken}
+            onChange={setGitlabToken}
+            placeholder="glpat-..."
+            secure
+          />
+        </>
+      )}
+
       <Text style={SECTION_TITLE}>Markdown Template</Text>
       <TextInput
         style={{ ...INPUT, minHeight: 200, textAlignVertical: "top" }}
@@ -294,7 +539,7 @@ export default function SettingsScreen() {
           marginTop: 8,
         }}
       >
-        <Text style={{ color: "#fff", fontSize: 16, fontWeight: "700" }}>
+        <Text style={{ color: Colors.bg, fontSize: 16, fontWeight: "700" }}>
           {saved ? "Saved ✓" : "Save Settings"}
         </Text>
       </Pressable>

constants/theme.ts

@@ -1,16 +1,16 @@
 export const Colors = {
-  bg: "#0f1117",
+  bg: "#1B2433",
-  surface: "#1a1d27",
+  surface: "#222D3D",
-  surface2: "#252836",
+  surface2: "#293648",
-  primary: "#6366f1",
+  primary: "#88D656",
-  primaryDim: "#4338ca",
+  primaryDim: "#5FA33A",
-  success: "#22c55e",
+  success: "#88D656",
-  warning: "#f59e0b",
+  warning: "#F5A623",
-  danger: "#ef4444",
+  danger: "#EF4444",
-  text1: "#f1f5f9",
+  text1: "#EEF2F5",
-  text2: "#94a3b8",
+  text2: "#8FA5BF",
-  textDim: "#64748b",
+  textDim: "#4E6480",
-  border: "#2d3147",
+  border: "#2E3F55",
 } as const;
 
 export const FontFamily = {

lib/ai.ts

@@ -0,0 +1,131 @@
+import * as SecureStore from "expo-secure-store";
+
+export type AIProvider =
+  | "anthropic"
+  | "openai"
+  | "mistral"
+  | "perplexity"
+  | "ollama"
+  | "openrouter"
+  | "custom";
+
+const KEYS = {
+  AI_PROVIDER: "pref_ai_provider",
+  AI_BASE_URL: "pref_ai_base_url",
+  AI_MODEL: "pref_ai_model",
+  AI_KEY: "pref_ai_key",
+};
+
+export const AI_PROVIDER_BASE_URLS: Record<AIProvider, string> = {
+  anthropic: "https://api.anthropic.com",
+  openai: "https://api.openai.com/v1",
+  mistral: "https://api.mistral.ai/v1",
+  perplexity: "https://api.perplexity.ai",
+  ollama: "http://localhost:11434/v1",
+  openrouter: "https://openrouter.ai/api/v1",
+  custom: "",
+};
+
+export const AI_PROVIDER_MODEL_PLACEHOLDERS: Record<AIProvider, string> = {
+  anthropic: "claude-haiku-4-5-20251001",
+  openai: "gpt-4o-mini",
+  mistral: "mistral-small-latest",
+  perplexity: "llama-3.1-sonar-small-128k-online",
+  ollama: "llama3.2",
+  openrouter: "openai/gpt-4o-mini",
+  custom: "model-name",
+};
+
+const SYSTEM_PROMPT =
+  "You are a systems reliability engineer. Analyze the incident and respond with JSON ONLY " +
+  "(no prose, no markdown fences):\n" +
+  '{"root_cause":"...","fix":"..."}\n' +
+  "Be concise and technical. Max 200 chars per field.";
+
+async function getConfig() {
+  const [provider, baseUrl, model, key] = await Promise.all([
+    SecureStore.getItemAsync(KEYS.AI_PROVIDER),
+    SecureStore.getItemAsync(KEYS.AI_BASE_URL),
+    SecureStore.getItemAsync(KEYS.AI_MODEL),
+    SecureStore.getItemAsync(KEYS.AI_KEY),
+  ]);
+  const p = (provider ?? "openai") as AIProvider;
+  return {
+    provider: p,
+    baseUrl: baseUrl || AI_PROVIDER_BASE_URLS[p],
+    model: model || AI_PROVIDER_MODEL_PLACEHOLDERS[p],
+    key: key ?? "",
+  };
+}
+
+export async function callAI(
+  title: string,
+  symptom: string
+): Promise<{ rootCause: string; fix: string }> {
+  const config = await getConfig();
+  const userMsg = `Title: ${title}\nSymptom: ${symptom}`;
+
+  const raw =
+    config.provider === "anthropic"
+      ? await callAnthropic(config, userMsg)
+      : await callOpenAICompat(config, userMsg);
+
+  try {
+    const parsed = JSON.parse(raw) as { root_cause?: string; fix?: string };
+    return {
+      rootCause: parsed.root_cause ?? "",
+      fix: parsed.fix ?? "",
+    };
+  } catch {
+    throw new Error(`Unexpected AI response: ${raw.slice(0, 120)}`);
+  }
+}
+
+async function callAnthropic(
+  config: { baseUrl: string; model: string; key: string },
+  userMsg: string
+): Promise<string> {
+  const res = await fetch(`${config.baseUrl}/v1/messages`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "x-api-key": config.key,
+      "anthropic-version": "2023-06-01",
+    },
+    body: JSON.stringify({
+      model: config.model,
+      max_tokens: 512,
+      system: SYSTEM_PROMPT,
+      messages: [{ role: "user", content: userMsg }],
+    }),
+  });
+  if (!res.ok) throw new Error(`Anthropic ${res.status}: ${await res.text()}`);
+  const data = (await res.json()) as { content: { text: string }[] };
+  return data.content[0].text;
+}
+
+async function callOpenAICompat(
+  config: { baseUrl: string; model: string; key: string },
+  userMsg: string
+): Promise<string> {
+  const headers: Record<string, string> = { "Content-Type": "application/json" };
+  if (config.key) headers["Authorization"] = `Bearer ${config.key}`;
+
+  const res = await fetch(`${config.baseUrl}/chat/completions`, {
+    method: "POST",
+    headers,
+    body: JSON.stringify({
+      model: config.model,
+      max_tokens: 512,
+      messages: [
+        { role: "system", content: SYSTEM_PROMPT },
+        { role: "user", content: userMsg },
+      ],
+    }),
+  });
+  if (!res.ok) throw new Error(`AI ${res.status}: ${await res.text()}`);
+  const data = (await res.json()) as {
+    choices: { message: { content: string } }[];
+  };
+  return data.choices[0].message.content;
+}

lib/db.ts

@@ -45,6 +45,13 @@ async function migrate(db: SQLite.SQLiteDatabase): Promise<void> {
       INSERT INTO schema_version (version) VALUES (1);
     `);
   }
+
+  if (current < 2) {
+    await db.execAsync(`
+      ALTER TABLE incidents ADD COLUMN git_pushed_at TEXT;
+      INSERT INTO schema_version (version) VALUES (2);
+    `);
+  }
 }
 
 // --- row mapper ---
@@ -60,6 +67,7 @@ interface IncidentRow {
   created_at: string;
   updated_at: string;
   tags: string;
+  git_pushed_at: string | null;
 }
 
 function rowToIncident(row: IncidentRow): Incident {
@@ -74,6 +82,7 @@ function rowToIncident(row: IncidentRow): Incident {
     createdAt: row.created_at,
     updatedAt: row.updated_at,
     tags: JSON.parse(row.tags) as string[],
+    gitPushedAt: row.git_pushed_at ?? null,
   };
 }
 
@@ -107,6 +116,7 @@ export async function createIncident(draft: IncidentDraft): Promise<Incident> {
     id,
     createdAt: now,
     updatedAt: now,
+    gitPushedAt: null,
   };
 }
 
@@ -163,6 +173,28 @@ export async function deleteIncident(id: string): Promise<void> {
   await db.runAsync("DELETE FROM incidents WHERE id = ?", [id]);
 }
 
+export async function markIncidentPushed(id: string): Promise<void> {
+  const db = await getDb();
+  await db.runAsync(
+    "UPDATE incidents SET git_pushed_at = ? WHERE id = ?",
+    [new Date().toISOString(), id]
+  );
+}
+
+export async function getMaxTitleNumber(prefix: string): Promise<number> {
+  const db = await getDb();
+  const rows = await db.getAllAsync<{ title: string }>(
+    "SELECT title FROM incidents WHERE title LIKE ?",
+    [`${prefix}%`]
+  );
+  let max = 0;
+  for (const row of rows) {
+    const n = parseInt(row.title.slice(prefix.length), 10);
+    if (!isNaN(n) && n > max) max = n;
+  }
+  return max;
+}
+
 export async function getDistinctServices(): Promise<string[]> {
   const db = await getDb();
   const rows = await db.getAllAsync<{ service: string }>(

lib/git.ts

@@ -0,0 +1,375 @@
+import * as SecureStore from "expo-secure-store";
+import { incidentToFilename, renderMarkdown } from "./markdown";
+import type { Incident } from "@/types/incident";
+
+export type GitProvider = "gitea" | "github" | "gitlab";
+
+export interface GitConfig {
+  provider: GitProvider;
+  url?: string;   // required for gitea and self-hosted gitlab
+  token: string;
+  owner: string;
+  repo: string;
+}
+
+export interface PushResult {
+  success: boolean;
+  url?: string;
+  error?: string;
+}
+
+export interface DeleteResult {
+  success: boolean;
+  error?: string;
+}
+
+const TIMEOUT_MS = 15_000;
+
+export async function loadGitConfig(): Promise<GitConfig | null> {
+  const [provider, gu, gt, go, gr, ghu, ghown, ghrepo, glu, glt, glo, glr] =
+    await Promise.all([
+      SecureStore.getItemAsync("git_provider"),
+      SecureStore.getItemAsync("gitea_url"),
+      SecureStore.getItemAsync("gitea_token"),
+      SecureStore.getItemAsync("gitea_owner"),
+      SecureStore.getItemAsync("gitea_repo"),
+      SecureStore.getItemAsync("github_token"),
+      SecureStore.getItemAsync("github_owner"),
+      SecureStore.getItemAsync("github_repo"),
+      SecureStore.getItemAsync("gitlab_url"),
+      SecureStore.getItemAsync("gitlab_token"),
+      SecureStore.getItemAsync("gitlab_owner"),
+      SecureStore.getItemAsync("gitlab_repo"),
+    ]);
+
+  const p = (provider ?? "gitea") as GitProvider;
+  let url: string | undefined;
+  let token: string | null;
+  let owner: string | null;
+  let repo: string | null;
+
+  if (p === "gitea") {
+    url = gu ?? undefined;
+    token = gt; owner = go; repo = gr;
+  } else if (p === "github") {
+    token = ghu; owner = ghown; repo = ghrepo;
+  } else {
+    url = glu ?? undefined;
+    token = glt; owner = glo; repo = glr;
+  }
+
+  const needsUrl = p === "gitea" || p === "gitlab";
+  if (!token || !owner || !repo || (needsUrl && !url)) return null;
+  return { provider: p, url, token, owner, repo };
+}
+
+function fetchWithTimeout(url: string, init: RequestInit): Promise<Response> {
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), TIMEOUT_MS);
+  return fetch(url, { ...init, signal: controller.signal }).finally(() =>
+    clearTimeout(timer)
+  );
+}
+
+export async function deleteIncidentFromGit(
+  incident: Incident,
+  config: GitConfig
+): Promise<DeleteResult> {
+  switch (config.provider) {
+    case "gitea":
+      return deleteGitea(incident, config);
+    case "github":
+      return deleteGitHub(incident, config);
+    case "gitlab":
+      return deleteGitLab(incident, config);
+  }
+}
+
+export async function pushIncidentToGit(
+  incident: Incident,
+  config: GitConfig,
+  markdownTemplate?: string
+): Promise<PushResult> {
+  switch (config.provider) {
+    case "gitea":
+      return pushGitea(incident, config, markdownTemplate);
+    case "github":
+      return pushGitHub(incident, config, markdownTemplate);
+    case "gitlab":
+      return pushGitLab(incident, config, markdownTemplate);
+  }
+}
+
+async function pushGitea(
+  incident: Incident,
+  config: GitConfig,
+  markdownTemplate?: string
+): Promise<PushResult> {
+  if (!config.url) {
+    return { success: false, error: "Gitea instance URL is not set. Check Settings → Git Repository." };
+  }
+  if (!config.token) {
+    return { success: false, error: "Gitea token is not set. Check Settings → Git Repository." };
+  }
+  if (!config.owner || !config.repo) {
+    return { success: false, error: "Gitea owner or repository is not set. Check Settings → Git Repository." };
+  }
+
+  const filepath = incidentToFilename(incident);
+  const content = renderMarkdown(incident, markdownTemplate);
+  const base64Content = btoa(unescape(encodeURIComponent(content)));
+  const apiBase = config.url.replace(/\/$/, "");
+  const endpoint = `${apiBase}/api/v1/repos/${config.owner}/${config.repo}/contents/${filepath}`;
+
+  try {
+    const existing = await fetchWithTimeout(endpoint, {
+      headers: { Authorization: `token ${config.token}` },
+    });
+    let sha: string | undefined;
+    if (existing.ok) {
+      const data = await existing.json() as { sha?: string };
+      sha = data.sha;
+    } else if (existing.status === 404 || existing.status === 409) {
+      // 404 = file not found (normal for first push)
+      // 409 = repo is empty / no branch yet — proceed, we'll create with branch:"main"
+    } else {
+      const body = await existing.text();
+      return { success: false, error: `GET ${existing.status}: ${body.slice(0, 200)}` };
+    }
+
+    const payload: Record<string, string> = {
+      message: `incident: ${incident.title}`,
+      content: base64Content,
+      branch: "main",
+    };
+    if (sha) payload.sha = sha;
+
+    // POST creates, PUT updates — Gitea requires the correct verb
+    const res = await fetchWithTimeout(endpoint, {
+      method: sha ? "PUT" : "POST",
+      headers: {
+        Authorization: `token ${config.token}`,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(payload),
+    });
+
+    if (!res.ok) {
+      const body = await res.text();
+      let hint = "";
+      if (res.status === 404) {
+        hint = "\n\nCheck: instance URL (no /api/v1), owner and repo names are exact, token has write:repository scope, and the repo exists on Gitea.";
+      }
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}${hint}` };
+    }
+    const data = await res.json() as { content?: { html_url?: string } };
+    return { success: true, url: data.content?.html_url };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") {
+      return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s. Check that the Gitea URL is reachable.` };
+    }
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}
+
+async function pushGitHub(
+  incident: Incident,
+  config: GitConfig,
+  markdownTemplate?: string
+): Promise<PushResult> {
+  if (!config.token) {
+    return { success: false, error: "GitHub token is not set. Check Settings → Git Repository." };
+  }
+  if (!config.owner || !config.repo) {
+    return { success: false, error: "GitHub owner or repository is not set. Check Settings → Git Repository." };
+  }
+
+  const filepath = incidentToFilename(incident);
+  const content = renderMarkdown(incident, markdownTemplate);
+  const base64Content = btoa(unescape(encodeURIComponent(content)));
+  const endpoint = `https://api.github.com/repos/${config.owner}/${config.repo}/contents/${filepath}`;
+
+  try {
+    const existing = await fetchWithTimeout(endpoint, {
+      headers: {
+        Authorization: `Bearer ${config.token}`,
+        Accept: "application/vnd.github+json",
+      },
+    });
+    let sha: string | undefined;
+    if (existing.ok) {
+      const data = await existing.json() as { sha?: string };
+      sha = data.sha;
+    } else if (existing.status !== 404) {
+      const body = await existing.text();
+      return { success: false, error: `GET ${existing.status}: ${body.slice(0, 200)}` };
+    }
+
+    const payload: Record<string, string> = {
+      message: `incident: ${incident.title}`,
+      content: base64Content,
+    };
+    if (sha) payload.sha = sha;
+
+    const res = await fetchWithTimeout(endpoint, {
+      method: "PUT",
+      headers: {
+        Authorization: `Bearer ${config.token}`,
+        Accept: "application/vnd.github+json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(payload),
+    });
+
+    if (!res.ok) {
+      const body = await res.text();
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}` };
+    }
+    const data = await res.json() as { content?: { html_url?: string } };
+    return { success: true, url: data.content?.html_url };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") {
+      return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
+    }
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}
+
+async function deleteGitea(incident: Incident, config: GitConfig): Promise<DeleteResult> {
+  if (!config.url) return { success: false, error: "Gitea instance URL is not set." };
+  const filepath = incidentToFilename(incident);
+  const apiBase = config.url.replace(/\/$/, "");
+  const endpoint = `${apiBase}/api/v1/repos/${config.owner}/${config.repo}/contents/${filepath}`;
+  try {
+    const existing = await fetchWithTimeout(endpoint, {
+      headers: { Authorization: `token ${config.token}` },
+    });
+    if (existing.status === 404) return { success: true };
+    if (!existing.ok) return { success: false, error: `GET ${existing.status}` };
+    const data = await existing.json() as { sha?: string };
+    if (!data.sha) return { success: false, error: "No SHA returned by API." };
+
+    const res = await fetchWithTimeout(endpoint, {
+      method: "DELETE",
+      headers: { Authorization: `token ${config.token}`, "Content-Type": "application/json" },
+      body: JSON.stringify({ message: `remove: ${incident.title}`, sha: data.sha, branch: "main" }),
+    });
+    if (!res.ok) {
+      const body = await res.text();
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 200)}` };
+    }
+    return { success: true };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}
+
+async function deleteGitHub(incident: Incident, config: GitConfig): Promise<DeleteResult> {
+  const filepath = incidentToFilename(incident);
+  const endpoint = `https://api.github.com/repos/${config.owner}/${config.repo}/contents/${filepath}`;
+  try {
+    const existing = await fetchWithTimeout(endpoint, {
+      headers: { Authorization: `Bearer ${config.token}`, Accept: "application/vnd.github+json" },
+    });
+    if (existing.status === 404) return { success: true };
+    if (!existing.ok) return { success: false, error: `GET ${existing.status}` };
+    const data = await existing.json() as { sha?: string };
+    if (!data.sha) return { success: false, error: "No SHA returned by API." };
+
+    const res = await fetchWithTimeout(endpoint, {
+      method: "DELETE",
+      headers: { Authorization: `Bearer ${config.token}`, Accept: "application/vnd.github+json", "Content-Type": "application/json" },
+      body: JSON.stringify({ message: `remove: ${incident.title}`, sha: data.sha }),
+    });
+    if (!res.ok) {
+      const body = await res.text();
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 200)}` };
+    }
+    return { success: true };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}
+
+async function deleteGitLab(incident: Incident, config: GitConfig): Promise<DeleteResult> {
+  const filepath = incidentToFilename(incident);
+  const apiBase = (config.url ?? "https://gitlab.com").replace(/\/$/, "");
+  const projectId = encodeURIComponent(`${config.owner}/${config.repo}`);
+  const encodedPath = encodeURIComponent(filepath);
+  const endpoint = `${apiBase}/api/v4/projects/${projectId}/repository/files/${encodedPath}`;
+  try {
+    const res = await fetchWithTimeout(endpoint, {
+      method: "DELETE",
+      headers: { "PRIVATE-TOKEN": config.token, "Content-Type": "application/json" },
+      body: JSON.stringify({ branch: "main", commit_message: `remove: ${incident.title}` }),
+    });
+    if (res.status === 404) return { success: true };
+    if (!res.ok) {
+      const body = await res.text();
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 200)}` };
+    }
+    return { success: true };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}
+
+async function pushGitLab(
+  incident: Incident,
+  config: GitConfig,
+  markdownTemplate?: string
+): Promise<PushResult> {
+  if (!config.token) {
+    return { success: false, error: "GitLab token is not set. Check Settings → Git Repository." };
+  }
+  if (!config.owner || !config.repo) {
+    return { success: false, error: "GitLab namespace or repository is not set. Check Settings → Git Repository." };
+  }
+
+  const filepath = incidentToFilename(incident);
+  const content = renderMarkdown(incident, markdownTemplate);
+  const base64Content = btoa(unescape(encodeURIComponent(content)));
+  const apiBase = (config.url ?? "https://gitlab.com").replace(/\/$/, "");
+  const projectId = encodeURIComponent(`${config.owner}/${config.repo}`);
+  const encodedPath = encodeURIComponent(filepath);
+  const endpoint = `${apiBase}/api/v4/projects/${projectId}/repository/files/${encodedPath}`;
+
+  try {
+    const existing = await fetchWithTimeout(`${endpoint}?ref=HEAD`, {
+      headers: { "PRIVATE-TOKEN": config.token },
+    });
+    const method = existing.ok ? "PUT" : "POST";
+
+    const res = await fetchWithTimeout(endpoint, {
+      method,
+      headers: {
+        "PRIVATE-TOKEN": config.token,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        branch: "main",
+        content: base64Content,
+        encoding: "base64",
+        commit_message: `incident: ${incident.title}`,
+      }),
+    });
+
+    if (!res.ok) {
+      const body = await res.text();
+      return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}` };
+    }
+    const data = await res.json() as { file_path?: string };
+    const webUrl = data.file_path
+      ? `${apiBase}/${config.owner}/${config.repo}/-/blob/main/${data.file_path}`
+      : undefined;
+    return { success: true, url: webUrl };
+  } catch (e) {
+    if (e instanceof Error && e.name === "AbortError") {
+      return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
+    }
+    return { success: false, error: e instanceof Error ? e.message : String(e) };
+  }
+}

package-lock.json

@@ -19,7 +19,7 @@
         "expo-sqlite": "~56.0.5",
         "expo-status-bar": "~56.0.4",
         "nativewind": "~4.2.5",
-        "react": "19.2.7",
+        "react": "19.2.3",
         "react-native": "0.85.3",
         "react-native-gesture-handler": "~3.0.2",
         "react-native-reanimated": "~4.4.1",
@@ -1154,99 +1154,6 @@
       "integrity": "sha512-IJkBtN1o8u9BW5fvSii1MyHPQ7Q0HxbWcVBvOrOzgMLpVtZw7R2w94wBTVR7kZwv3w1JNTESMmLA5Sqn1+Z36A==",
       "license": "MIT AND Apache-2.0"
     },
-    "node_modules/@expo/cli": {
-      "version": "56.1.16",
-      "resolved": "https://registry.npmjs.org/@expo/cli/-/cli-56.1.16.tgz",
-      "integrity": "sha512-VBQn0mqAwc67b9Cn0RVXyeodghomAx5xGRhA/bXaQzuxDjMQk0zIOb6pXMZX7yiIwJW66UZt/zQiJNSv6aWJYw==",
-      "license": "MIT",
-      "dependencies": {
-        "@expo/code-signing-certificates": "^0.0.6",
-        "@expo/config": "~56.0.9",
-        "@expo/config-plugins": "~56.0.9",
-        "@expo/devcert": "^1.2.1",
-        "@expo/env": "~2.3.0",
-        "@expo/image-utils": "^0.10.1",
-        "@expo/inline-modules": "^0.0.12",
-        "@expo/json-file": "^10.2.0",
-        "@expo/log-box": "^56.0.13",
-        "@expo/metro": "~56.0.0",
-        "@expo/metro-config": "~56.0.14",
-        "@expo/metro-file-map": "^56.0.3",
-        "@expo/osascript": "^2.6.0",
-        "@expo/package-manager": "^1.12.1",
-        "@expo/plist": "^0.7.0",
-        "@expo/prebuild-config": "^56.0.16",
-        "@expo/require-utils": "^56.1.3",
-        "@expo/router-server": "^56.0.14",
-        "@expo/schema-utils": "^56.0.0",
-        "@expo/spawn-async": "^1.8.0",
-        "@expo/ws-tunnel": "^2.0.0",
-        "@expo/xcpretty": "^4.4.4",
-        "@react-native/dev-middleware": "0.85.3",
-        "accepts": "^1.3.8",
-        "arg": "^5.0.2",
-        "bplist-creator": "0.1.0",
-        "bplist-parser": "^0.3.1",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.3.0",
-        "compression": "^1.7.4",
-        "connect": "^3.7.0",
-        "debug": "^4.3.4",
-        "dnssd-advertise": "^1.1.4",
-        "expo-server": "^56.0.5",
-        "fetch-nodeshim": "^0.4.10",
-        "getenv": "^2.0.0",
-        "glob": "^13.0.0",
-        "lan-network": "^0.2.1",
-        "multitars": "^1.0.0",
-        "node-forge": "^1.3.3",
-        "npm-package-arg": "^11.0.0",
-        "ora": "^3.4.0",
-        "picomatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "progress": "^2.0.3",
-        "prompts": "^2.3.2",
-        "resolve-from": "^5.0.0",
-        "semver": "^7.6.0",
-        "send": "^0.19.0",
-        "slugify": "^1.3.4",
-        "stacktrace-parser": "^0.1.10",
-        "structured-headers": "^0.4.1",
-        "terminal-link": "^2.1.1",
-        "toqr": "^0.1.1",
-        "wrap-ansi": "^7.0.0",
-        "ws": "^8.12.1",
-        "zod": "^3.25.76"
-      },
-      "bin": {
-        "expo-internal": "main.js"
-      },
-      "peerDependencies": {
-        "expo": "*",
-        "expo-router": "*",
-        "react-native": "*"
-      },
-      "peerDependenciesMeta": {
-        "expo-router": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@expo/cli/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@expo/code-signing-certificates": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@expo/code-signing-certificates/-/code-signing-certificates-0.0.6.tgz",
@@ -1659,9 +1566,9 @@
       }
     },
     "node_modules/@expo/prebuild-config/node_modules/semver": {
-      "version": "7.8.4",
+      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -1689,40 +1596,6 @@
         }
       }
     },
-    "node_modules/@expo/router-server": {
-      "version": "56.0.14",
-      "resolved": "https://registry.npmjs.org/@expo/router-server/-/router-server-56.0.14.tgz",
-      "integrity": "sha512-2UCTtZfcq1ZPgp3wk8/+sq9DvFI9UxrPr1jcEKMAF2DGAJLosnpc8GWNNg2hkjt6SHUOdFHIPxujWPYyho2y3A==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.3.4"
-      },
-      "peerDependencies": {
-        "@expo/metro-runtime": "^56.0.15",
-        "expo": "*",
-        "expo-constants": "^56.0.18",
-        "expo-font": "^56.0.6",
-        "expo-router": "*",
-        "expo-server": "^56.0.5",
-        "react": "*",
-        "react-dom": "*",
-        "react-server-dom-webpack": "~19.0.1 || ~19.1.2 || ~19.2.1"
-      },
-      "peerDependenciesMeta": {
-        "@expo/metro-runtime": {
-          "optional": true
-        },
-        "expo-router": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        },
-        "react-server-dom-webpack": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@expo/schema-utils": {
       "version": "56.0.1",
       "resolved": "https://registry.npmjs.org/@expo/schema-utils/-/schema-utils-56.0.1.tgz",
@@ -4306,6 +4179,121 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo/node_modules/@expo/cli": {
+      "version": "56.1.16",
+      "resolved": "https://registry.npmjs.org/@expo/cli/-/cli-56.1.16.tgz",
+      "integrity": "sha512-VBQn0mqAwc67b9Cn0RVXyeodghomAx5xGRhA/bXaQzuxDjMQk0zIOb6pXMZX7yiIwJW66UZt/zQiJNSv6aWJYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/code-signing-certificates": "^0.0.6",
+        "@expo/config": "~56.0.9",
+        "@expo/config-plugins": "~56.0.9",
+        "@expo/devcert": "^1.2.1",
+        "@expo/env": "~2.3.0",
+        "@expo/image-utils": "^0.10.1",
+        "@expo/inline-modules": "^0.0.12",
+        "@expo/json-file": "^10.2.0",
+        "@expo/log-box": "^56.0.13",
+        "@expo/metro": "~56.0.0",
+        "@expo/metro-config": "~56.0.14",
+        "@expo/metro-file-map": "^56.0.3",
+        "@expo/osascript": "^2.6.0",
+        "@expo/package-manager": "^1.12.1",
+        "@expo/plist": "^0.7.0",
+        "@expo/prebuild-config": "^56.0.16",
+        "@expo/require-utils": "^56.1.3",
+        "@expo/router-server": "^56.0.14",
+        "@expo/schema-utils": "^56.0.0",
+        "@expo/spawn-async": "^1.8.0",
+        "@expo/ws-tunnel": "^2.0.0",
+        "@expo/xcpretty": "^4.4.4",
+        "@react-native/dev-middleware": "0.85.3",
+        "accepts": "^1.3.8",
+        "arg": "^5.0.2",
+        "bplist-creator": "0.1.0",
+        "bplist-parser": "^0.3.1",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.3.0",
+        "compression": "^1.7.4",
+        "connect": "^3.7.0",
+        "debug": "^4.3.4",
+        "dnssd-advertise": "^1.1.4",
+        "expo-server": "^56.0.5",
+        "fetch-nodeshim": "^0.4.10",
+        "getenv": "^2.0.0",
+        "glob": "^13.0.0",
+        "lan-network": "^0.2.1",
+        "multitars": "^1.0.0",
+        "node-forge": "^1.3.3",
+        "npm-package-arg": "^11.0.0",
+        "ora": "^3.4.0",
+        "picomatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "progress": "^2.0.3",
+        "prompts": "^2.3.2",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.6.0",
+        "send": "^0.19.0",
+        "slugify": "^1.3.4",
+        "stacktrace-parser": "^0.1.10",
+        "structured-headers": "^0.4.1",
+        "terminal-link": "^2.1.1",
+        "toqr": "^0.1.1",
+        "wrap-ansi": "^7.0.0",
+        "ws": "^8.12.1",
+        "zod": "^3.25.76"
+      },
+      "bin": {
+        "expo-internal": "main.js"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "expo-router": "*",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo-router": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/expo/node_modules/@expo/cli/node_modules/@expo/router-server": {
+      "version": "56.0.14",
+      "resolved": "https://registry.npmjs.org/@expo/router-server/-/router-server-56.0.14.tgz",
+      "integrity": "sha512-2UCTtZfcq1ZPgp3wk8/+sq9DvFI9UxrPr1jcEKMAF2DGAJLosnpc8GWNNg2hkjt6SHUOdFHIPxujWPYyho2y3A==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "peerDependencies": {
+        "@expo/metro-runtime": "^56.0.15",
+        "expo": "*",
+        "expo-constants": "^56.0.18",
+        "expo-font": "^56.0.6",
+        "expo-router": "*",
+        "expo-server": "^56.0.5",
+        "react": "*",
+        "react-dom": "*",
+        "react-server-dom-webpack": "~19.0.1 || ~19.1.2 || ~19.2.1"
+      },
+      "peerDependenciesMeta": {
+        "@expo/metro-runtime": {
+          "optional": true
+        },
+        "expo-router": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "react-server-dom-webpack": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/expo/node_modules/expo-modules-core": {
       "version": "56.0.17",
       "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-56.0.17.tgz",
@@ -4359,8 +4347,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
       "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
       "license": "ISC",
-      "optional": true,
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -6124,9 +6110,9 @@
       }
     },
     "node_modules/npm-package-arg/node_modules/semver": {
-      "version": "7.8.4",
+      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -6722,9 +6708,9 @@
       }
     },
     "node_modules/react": {
-      "version": "19.2.7",
+      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
-      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6762,16 +6748,16 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "19.2.7",
+      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.2.7"
+        "react": "^19.2.3"
       }
     },
     "node_modules/react-fast-compare": {

package.json

@@ -19,7 +19,7 @@
     "expo-sqlite": "~56.0.5",
     "expo-status-bar": "~56.0.4",
     "nativewind": "~4.2.5",
-    "react": "19.2.7",
+    "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-gesture-handler": "~3.0.2",
     "react-native-reanimated": "~4.4.1",
@@ -27,6 +27,10 @@
     "react-native-screens": "~4.25.2",
     "tailwindcss": "~3.4.19"
   },
+  "overrides": {
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
+  },
   "devDependencies": {
     "@babel/core": "^7.25.0",
     "@expo/metro-config": "~56.0.14",

types/incident.ts

@@ -11,6 +11,7 @@ export interface Incident {
   createdAt: string;
   updatedAt: string;
   tags: string[];
+  gitPushedAt: string | null;
 }
 
-export type IncidentDraft = Omit<Incident, "id" | "createdAt" | "updatedAt">;
+export type IncidentDraft = Omit<Incident, "id" | "createdAt" | "updatedAt" | "gitPushedAt">;