@cachly-dev/mcp-server 0.10.65 → 0.10.67

package/apps/travel-chaos-organizer/frontend/app/(app)/settings.tsx

@@ -1,381 +0,0 @@
-import { useState, useEffect } from "react";
-import {
-  ActivityIndicator, Linking, ScrollView, StyleSheet, Text,
-  TouchableOpacity, View,
-} from "react-native";import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useRouter } from "expo-router";
-import { logout } from "../../lib/auth";
-import { clearCache, cacheSizeBytes } from "../../lib/fileCache";
-import { purgeFailed, getPending } from "../../lib/offlineQueue";
-import { haptics } from "../../lib/haptics";
-import { useQuota } from "../../lib/quota";
-import { usersApi, cacheApi, type CacheStats } from "../../lib/api";
-import { useToast } from "../../components/ToastContext";
-import ConfirmDialog from "../../components/ConfirmDialog";
-
-export default function SettingsScreen() {
-  const router = useRouter();
-  const insets = useSafeAreaInsets();
-  const { plan, isPro } = useQuota();
-  const { showToast } = useToast();
-  const [cacheSize, setCacheSize] = useState(0);
-  const [queueSize, setQueueSize] = useState(0);
-  const [loggingOut, setLoggingOut] = useState(false);
-  const [dialog, setDialog] = useState<{ title: string; message?: string; onConfirm: () => void } | null>(null);
-  const [telegramPin, setTelegramPin] = useState<string | null>(null);
-  const [generatingPin, setGeneratingPin] = useState(false);
-  const [cachlyStats, setCachlyStats] = useState<CacheStats | null>(null);
-
-  async function handleGeneratePin() {
-    setGeneratingPin(true);
-    try {
-      const { pin } = await usersApi.telegramPin();
-      setTelegramPin(pin);
-      setTimeout(() => setTelegramPin(null), 600_000);
-    } catch {
-      showToast('Fehler beim Generieren des PINs', 'error');
-    } finally {
-      setGeneratingPin(false);
-    }
-  }
-
-  useEffect(() => {
-    cacheSizeBytes().then(setCacheSize);
-    setQueueSize(getPending().length);
-    cacheApi.stats().then(setCachlyStats).catch(() => {});
-  }, []);
-
-  async function handleClearCache() {
-    await haptics.warning();
-    setDialog({
-      title: "Cache leeren?",
-      message: "Alle lokal gespeicherten Tickets und PDFs werden gelöscht.",
-      onConfirm: async () => {
-        await clearCache();
-        setCacheSize(0);
-        await haptics.success();
-      },
-    });
-  }
-
-  async function handlePurgeQueue() {
-    purgeFailed(0);
-    setQueueSize(0);
-    await haptics.confirm();
-  }
-
-  function handleLogout() {
-    setDialog({
-      title: "Abmelden",
-      message: "Wirklich abmelden?",
-      onConfirm: async () => {
-        setLoggingOut(true);
-        await haptics.tap();
-        try {
-          await logout();
-          router.replace("/(auth)/login");
-        } catch {
-          setLoggingOut(false);
-          showToast("Abmelden fehlgeschlagen", "error");
-        }
-      },
-    });
-  }
-
-  return (
-    <ScrollView
-      style={s.container}
-      contentContainerStyle={[s.content, { paddingBottom: insets.bottom + 32 }]}
-    >
-      {/* Plan section */}
-      <Text style={s.sectionTitle}>Mein Plan</Text>
-      <View style={s.planCard}>
-        <View style={s.planRow}>
-          <Text style={s.planName}>{isPro ? "✦ Pro" : "Free"}</Text>
-          {plan?.plan_expires_at && (
-            <Text style={s.planExpiry}>
-              bis {new Date(plan.plan_expires_at).toLocaleDateString("de")}
-            </Text>
-          )}
-        </View>
-        {!isPro && (
-          <View style={s.limits}>
-            <Text style={s.limitText}>
-              {plan?.free_daily_parses ?? 50} KI-Parses / Tag
-            </Text>
-            <Text style={s.limitText}>
-              max. {plan?.free_max_trips ?? 3} Trips
-            </Text>
-          </View>
-        )}
-        {!isPro && (
-          <TouchableOpacity
-            style={s.upgradeBtn}
-            onPress={() => Linking.openURL(process.env.EXPO_PUBLIC_UPGRADE_URL ?? "https://tco.app/upgrade")}
-            activeOpacity={0.8}
-          >
-            <Text style={s.upgradeBtnText}>Auf Pro upgraden ✦</Text>
-          </TouchableOpacity>
-        )}
-      </View>
-
-      <Text style={s.sectionTitle}>KI Modell</Text>
-      <View style={s.card}>
-        <View style={s.infoRow}>
-          <Text style={s.rowText}>Aktives Modell</Text>
-          <Text style={s.rowValue}>{process.env.EXPO_PUBLIC_OLLAMA_MODEL ?? "llama3.2-vision"}</Text>
-        </View>
-        <Text style={s.hint}>
-          Das Modell wird auf dem Server konfiguriert (OLLAMA_MODEL).{"\n"}
-          Für Screenshot-Parsing wird ein Vision-Modell benötigt.
-        </Text>
-      </View>
-
-      <Text style={s.sectionTitle}>Telegram</Text>
-      <View style={s.card}>
-        {/* Linked status badge */}
-        <View style={s.infoRow}>
-          <Text style={s.rowText}>Status</Text>
-          <Text style={[s.rowValue, plan?.telegram_linked ? s.telegramLinked : s.telegramUnlinked]}>
-            {plan?.telegram_linked ? "● Verknüpft" : "○ Nicht verknüpft"}
-          </Text>
-        </View>
-
-        {telegramPin ? (
-          <View style={s.pinBox}>
-            <Text style={s.pinLabel}>Dein PIN (gültig 10 Min.)</Text>
-            <Text style={s.pinCode}>{telegramPin}</Text>
-            <Text style={s.pinHint}>Sende diesen PIN an @TCOBot:{"\n"}/link {telegramPin}</Text>
-          </View>
-        ) : plan?.telegram_linked ? (
-          <>
-            <View style={s.infoRow}>
-              <Text style={[s.rowText, { color: "#6666aa" }]}>Bot</Text>
-              <Text style={s.rowValue}>@TCOBot</Text>
-            </View>
-            <TouchableOpacity
-              style={[s.row, { borderBottomWidth: 0 }]}
-              onPress={() => setDialog({
-                title: "Telegram trennen?",
-                message: "Du erhältst dann keine Bot-Nachrichten mehr.",
-                onConfirm: async () => {
-                  try {
-                    await usersApi.telegramUnlink();
-                    showToast("Telegram-Verknüpfung aufgehoben", "success");
-                  } catch {
-                    showToast("Trennen fehlgeschlagen", "error");
-                  }
-                },
-              })}
-              accessibilityRole="button"
-            >
-              <Text style={[s.rowText, s.danger]}>Telegram trennen</Text>
-            </TouchableOpacity>
-          </>
-        ) : (
-          <TouchableOpacity
-            style={[s.row, { borderBottomWidth: 0 }]}
-            onPress={handleGeneratePin}
-            accessibilityRole="button"
-          >
-            <Text style={s.rowText}>Mit Telegram verknüpfen</Text>
-            {generatingPin ? <ActivityIndicator size="small" color="#4f46e5" /> : <Text style={s.rowChevron}>›</Text>}
-          </TouchableOpacity>
-        )}
-      </View>
-
-      <Text style={s.sectionTitle}>Offline & Cache</Text>
-      <View style={s.card}>
-        <View style={s.infoRow}>
-          <Text style={s.rowText}>Cache-Größe</Text>
-          <Text style={s.rowValue}>{(cacheSize / 1024 / 1024).toFixed(1)} MB</Text>
-        </View>
-        <TouchableOpacity
-          style={s.row}
-          onPress={handleClearCache}
-          accessibilityLabel="Cache leeren"
-          accessibilityRole="button"
-        >
-          <Text style={[s.rowText, s.danger]}>Cache leeren</Text>
-        </TouchableOpacity>
-
-        <View style={[s.infoRow, { marginTop: 0 }]}>
-          <Text style={s.rowText}>Offline Queue</Text>
-          <Text style={s.rowValue}>{queueSize} Einträge</Text>
-        </View>
-        {queueSize > 0 && (
-          <TouchableOpacity
-            style={s.row}
-            onPress={handlePurgeQueue}
-            accessibilityLabel="Offline-Queue zurücksetzen"
-            accessibilityRole="button"
-          >
-            <Text style={[s.rowText, s.danger]}>Queue zurücksetzen</Text>
-          </TouchableOpacity>
-        )}
-      </View>
-
-      {/* Links section */}
-      <Text style={s.sectionTitle}>Info</Text>
-      <View style={s.card}>
-        <TouchableOpacity
-          style={s.row}
-          onPress={() => Linking.openURL(process.env.EXPO_PUBLIC_PRIVACY_URL ?? "https://tco.app/privacy")}
-          accessibilityRole="link"
-        >
-          <Text style={s.rowText}>Datenschutz</Text>
-          <Text style={s.rowChevron}>›</Text>
-        </TouchableOpacity>
-        <TouchableOpacity
-          style={s.row}
-          onPress={() => Linking.openURL(process.env.EXPO_PUBLIC_TERMS_URL ?? "https://tco.app/terms")}
-          accessibilityRole="link"
-        >
-          <Text style={s.rowText}>Nutzungsbedingungen</Text>
-          <Text style={s.rowChevron}>›</Text>
-        </TouchableOpacity>
-        <TouchableOpacity
-          style={[s.row, { borderBottomWidth: 0 }]}
-          onPress={() => Linking.openURL(`mailto:${process.env.EXPO_PUBLIC_SUPPORT_EMAIL ?? "hello@tco.app"}`)}
-          accessibilityRole="link"
-        >
-          <Text style={s.rowText}>Support kontaktieren</Text>
-          <Text style={s.rowChevron}>›</Text>
-        </TouchableOpacity>
-      </View>
-
-      <Text style={s.sectionTitle}>Account</Text>
-      <View style={s.card}>
-        <TouchableOpacity
-          style={[s.row, s.dangerRow, { borderBottomWidth: 0 }]}
-          onPress={handleLogout}
-          disabled={loggingOut}
-          accessibilityLabel="Abmelden"
-          accessibilityRole="button"
-        >
-          <Text style={s.dangerText}>Abmelden</Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Cachly badge — cross-promotion + live stats */}
-      <TouchableOpacity
-        style={s.cachlyBadge}
-        onPress={() => Linking.openURL("https://cachly.dev")}
-        activeOpacity={0.75}
-        accessibilityLabel="Powered by Cachly — cachly.dev besuchen"
-        accessibilityRole="link"
-      >
-        <View style={s.cachlyInner}>
-          <View style={[s.cachlyDot, cachlyStats?.configured ? s.cachlyDotActive : s.cachlyDotOff]} />
-          <Text style={s.cachlyText}>Powered by</Text>
-          <Text style={s.cachlyBrand}>Cachly</Text>
-          <Text style={[s.cachlyStatus, cachlyStats?.configured ? s.cachlyStatusOn : s.cachlyStatusOff]}>
-            {cachlyStats ? (cachlyStats.configured ? "● aktiv" : "○ nicht verbunden") : ""}
-          </Text>
-        </View>
-        {cachlyStats?.configured ? (
-          <View style={s.cachlyStatsRow}>
-            <View style={s.cachlyStatCell}>
-              <Text style={s.cachlyStatValue}>{cachlyStats.hits}</Text>
-              <Text style={s.cachlyStatLabel}>Cache Hits</Text>
-            </View>
-            <View style={s.cachlyStatDivider} />
-            <View style={s.cachlyStatCell}>
-              <Text style={s.cachlyStatValue}>{Math.round(cachlyStats.hit_rate * 100)}%</Text>
-              <Text style={s.cachlyStatLabel}>Hit Rate</Text>
-            </View>
-            <View style={s.cachlyStatDivider} />
-            <View style={s.cachlyStatCell}>
-              <Text style={s.cachlyStatValue}>{cachlyStats.key_count}</Text>
-              <Text style={s.cachlyStatLabel}>Gecacht</Text>
-            </View>
-          </View>
-        ) : (
-          <Text style={s.cachlySubtext}>
-            KI-Ergebnisse werden per Cachly Redis gecacht —{"\n"}
-            kein zweiter AI-Call für dasselbe Dokument.
-          </Text>
-        )}
-      </TouchableOpacity>
-
-      <Text style={s.version}>Travel Chaos Organizer v0.1.0</Text>
-
-      <ConfirmDialog
-        visible={!!dialog}
-        title={dialog?.title ?? ""}
-        message={dialog?.message}
-        actions={[
-          { label: "Ja", style: "destructive", onPress: () => { setDialog(null); dialog?.onConfirm(); } },
-          { label: "Abbrechen", style: "cancel", onPress: () => setDialog(null) },
-        ]}
-      />
-    </ScrollView>
-  );
-}
-
-const s = StyleSheet.create({
-  container: { flex: 1, backgroundColor: "#0f0f1a" },
-  content: { padding: 20, gap: 8 },
-  sectionTitle: {
-    color: "#6666aa", fontSize: 12, fontWeight: "600",
-    letterSpacing: 0.8, textTransform: "uppercase",
-    marginTop: 16, marginBottom: 4, paddingHorizontal: 4,
-  },
-  planCard: { backgroundColor: "#1a1a2e", borderRadius: 16, padding: 20, gap: 12, borderWidth: 1, borderColor: "#2a2a4e" },
-  planRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
-  planName: { fontSize: 22, fontWeight: "800", color: "#fff" },
-  planExpiry: { fontSize: 12, color: "#6666aa" },
-  limits: { gap: 4 },
-  limitText: { fontSize: 13, color: "#6666aa" },
-  upgradeBtn: { backgroundColor: "#4f46e5", paddingVertical: 14, borderRadius: 12, alignItems: "center", marginTop: 4 },
-  upgradeBtnText: { color: "#fff", fontWeight: "700", fontSize: 15 },
-  card: { backgroundColor: "#1a1a2e", borderRadius: 16, borderWidth: 1, borderColor: "#2a2a4e", overflow: "hidden" },
-  row: { paddingVertical: 14, paddingHorizontal: 18, borderBottomWidth: 1, borderBottomColor: "#2a2a4e", flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
-  infoRow: {
-    paddingVertical: 14, paddingHorizontal: 18,
-    flexDirection: "row", justifyContent: "space-between", alignItems: "center",
-    borderBottomWidth: 1, borderBottomColor: "#2a2a4e",
-  },
-  rowText: { color: "#e2e8f0", fontSize: 15 },
-  rowValue: { color: "#6666aa", fontSize: 14 },
-  rowChevron: { color: "#6666aa", fontSize: 18 },
-  check: { color: "#4f46e5", fontSize: 16, fontWeight: "700" },
-  danger: { color: "#f87171" },
-  dangerRow: { borderWidth: 1, borderColor: "#ff6b6b22", backgroundColor: "#ff6b6b11" },
-  dangerText: { color: "#ff8888", fontSize: 15, fontWeight: "600" },
-  hint: { color: "#4a4a7a", fontSize: 12, padding: 16, lineHeight: 18 },
-  pinBox: { padding: 18, alignItems: 'center', gap: 8 },
-  pinLabel: { color: '#6666aa', fontSize: 12 },
-  pinCode: { color: '#fff', fontSize: 40, fontWeight: '800', letterSpacing: 8 },
-  pinHint: { color: '#3a3a5e', fontSize: 12, textAlign: 'center' },
-  telegramLinked: { color: '#10b981', fontWeight: '600' },
-  telegramUnlinked: { color: '#3a3a5e' },
-
-  // Cachly badge
-  cachlyBadge: {
-    marginTop: 32,
-    backgroundColor: "#1a1a2e",
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: "#4f46e533",
-    padding: 16,
-    gap: 8,
-  },
-  cachlyInner: { flexDirection: "row", alignItems: "center", gap: 8 },
-  cachlyDot: { width: 8, height: 8, borderRadius: 4, backgroundColor: "#4f46e5" },
-  cachlyDotActive: { backgroundColor: "#10b981" },
-  cachlyDotOff: { backgroundColor: "#3a3a5e" },
-  cachlyText: { color: "#6666aa", fontSize: 13 },
-  cachlyBrand: { color: "#a5b4fc", fontSize: 14, fontWeight: "700" },
-  cachlyStatus: { fontSize: 11, marginLeft: "auto" as const },
-  cachlyStatusOn: { color: "#10b981" },
-  cachlyStatusOff: { color: "#3a3a5e" },
-  cachlySubtext: { color: "#3a3a5e", fontSize: 12, lineHeight: 18 },
-  cachlyStatsRow: { flexDirection: "row", alignItems: "center", marginTop: 4 },
-  cachlyStatCell: { flex: 1, alignItems: "center", gap: 2 },
-  cachlyStatValue: { color: "#a5b4fc", fontSize: 20, fontWeight: "800" },
-  cachlyStatLabel: { color: "#3a3a5e", fontSize: 11 },
-  cachlyStatDivider: { width: 1, height: 32, backgroundColor: "#2a2a4e" },
-
-  version: { color: "#3a3a5e", fontSize: 12, textAlign: "center", marginTop: 20 },
-});