@cachly-dev/mcp-server 0.10.65 → 0.10.67

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

@@ -1,80 +0,0 @@
-import { Tabs } from "expo-router";
-import { Text, View } from "react-native";
-import OfflineBadge from "../../components/OfflineBadge";
-
-const TAB_ICON: Record<string, string> = {
-  trips: "🗺️", search: "🔍", inbox: "📥", settings: "⚙️",
-};
-
-const TAB_LABELS: Record<string, string> = {
-  trips: "Meine Reisen", search: "Suche", inbox: "Chaos Inbox", settings: "Einstellungen",
-};
-
-function Icon({ name, focused }: { name: string; focused: boolean }) {
-  return (
-    <Text
-      style={{ fontSize: 20, opacity: focused ? 1 : 0.5 }}
-      accessibilityElementsHidden
-    >
-      {TAB_ICON[name]}
-    </Text>
-  );
-}
-
-function Header() {
-  return <OfflineBadge />;
-}
-
-export default function AppLayout() {
-  return (
-    <Tabs screenOptions={{
-      headerStyle: { backgroundColor: "#1a1a2e" },
-      headerTintColor: "#fff",
-      headerTitleStyle: { fontWeight: "700" },
-      tabBarStyle: { backgroundColor: "#1a1a2e", borderTopColor: "#2a2a4e", paddingTop: 6 },
-      tabBarActiveTintColor: "#4f46e5",
-      tabBarInactiveTintColor: "#6666aa",
-      tabBarLabelStyle: { fontSize: 11, marginBottom: 2 },
-    }}>
-      <Tabs.Screen
-        name="trips"
-        options={{
-          title: "Reisen",
-          tabBarLabel: "Reisen",
-          tabBarIcon: ({ focused }) => <Icon name="trips" focused={focused} />,
-          tabBarAccessibilityLabel: TAB_LABELS.trips,
-        }}
-      />
-      <Tabs.Screen
-        name="search"
-        options={{
-          title: "Suche",
-          tabBarLabel: "Suche",
-          tabBarIcon: ({ focused }) => <Icon name="search" focused={focused} />,
-          tabBarAccessibilityLabel: TAB_LABELS.search,
-        }}
-      />
-      <Tabs.Screen
-        name="inbox"
-        options={{
-          title: "Chaos Inbox",
-          tabBarLabel: "Inbox",
-          tabBarIcon: ({ focused }) => <Icon name="inbox" focused={focused} />,
-          tabBarAccessibilityLabel: TAB_LABELS.inbox,
-        }}
-      />
-      <Tabs.Screen
-        name="settings"
-        options={{
-          title: "Einstellungen",
-          tabBarLabel: "Mehr",
-          tabBarIcon: ({ focused }) => <Icon name="settings" focused={focused} />,
-          tabBarAccessibilityLabel: TAB_LABELS.settings,
-        }}
-      />
-      <Tabs.Screen name="trips/[id]" options={{ href: null }} />
-      <Tabs.Screen name="upgrade/success" options={{ href: null }} />
-      <Tabs.Screen name="upgrade/cancel" options={{ href: null }} />
-    </Tabs>
-  );
-}

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

@@ -1,166 +0,0 @@
-import { useRef, useState } from "react";
-import {
-  ActivityIndicator, FlatList, ScrollView, StyleSheet, Text,
-  TouchableOpacity, View,
-} from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useTrips } from "../../hooks/useTrips";
-import { ApiError, inboxApi, InboxItem } from "../../lib/api";
-import { useInbox } from "../../hooks/useInbox";
-import SwipeableInboxItem from "../../components/SwipeableInboxItem";
-import BottomSheet from "../../components/BottomSheet";
-import { haptics } from "../../lib/haptics";
-import { TripCardSkeleton } from "../../components/Skeleton";
-import { useToast } from "../../components/ToastContext";
-import { scheduleItemReminder } from "../../lib/notifications";
-
-export default function InboxScreen() {
-  const { showToast } = useToast();
-  const insets = useSafeAreaInsets();
-  const { items, loading, refresh } = useInbox();
-  const { trips } = useTrips();
-  const [selected, setSelected] = useState<InboxItem | null>(null);
-  const [assigning, setAssigning] = useState(false);
-  const assigningRef = useRef<boolean>(false);
-
-  async function openAssign(item: InboxItem) {
-    await haptics.tap();
-    setSelected(item);
-  }
-
-  async function assign(tripId: string) {
-    if (!selected) return;
-    if (assigningRef.current) return;
-    assigningRef.current = true;
-    setAssigning(true);
-    try {
-      const result = await inboxApi.assign(selected.id, tripId, (selected.parsed_data?.type as string) ?? "other");
-      await haptics.success();
-      // Schedule a reminder for the newly assigned item if it has a date.
-      // Find the trip name for a meaningful notification text.
-      if (result.event_at) {
-        const tripName = trips.find((t) => t.id === tripId)?.name ?? "Dein Trip";
-        await scheduleItemReminder(tripId, tripName, result.trip_item_id, result.title, result.event_at);
-      }
-      showToast("Dem Trip zugeordnet ✓", "success");
-      setSelected(null);
-      await refresh();
-    } catch (err) {
-      await haptics.error();
-      if (err instanceof ApiError && err.status === 429) {
-        showToast("Tageslimit erreicht (50 Parses). Upgrade auf Pro.", "warning");
-      } else {
-        showToast("Zuordnung fehlgeschlagen", "error");
-      }
-      setSelected(null);
-    } finally {
-      setAssigning(false);
-      assigningRef.current = false;
-    }
-  }
-
-  async function reject(id: string) {
-    await haptics.warning();
-    try {
-      await inboxApi.reject(id);
-      showToast("Eintrag abgelehnt", "warning");
-      await refresh();
-    } catch {
-      showToast("Ablehnen fehlgeschlagen", "error");
-    }
-  }
-
-  if (loading && items.length === 0) {
-    return (
-      <View style={s.container}>
-        <View style={{ padding: 16, gap: 10 }}>
-          {[1, 2, 3].map((k) => <TripCardSkeleton key={k} />)}
-        </View>
-      </View>
-    );
-  }
-
-  return (
-    <View style={s.container}>
-      <FlatList
-        data={items}
-        keyExtractor={(i) => i.id}
-        contentContainerStyle={[
-          s.list,
-          { paddingBottom: insets.bottom + 24 },
-          items.length === 0 && s.emptyFlex,
-        ]}
-        refreshing={loading}
-        onRefresh={refresh}
-        ListHeaderComponent={
-          items.length > 0
-            ? <Text style={s.hint}>→ Wischen zum Zuweisen · Ablehnen ←</Text>
-            : null
-        }
-        ListEmptyComponent={
-          <View style={s.empty}>
-            <Text style={s.emptyIcon}>🎉</Text>
-            <Text style={s.emptyTitle}>Inbox leer!</Text>
-            <Text style={s.emptySub}>Alle Dokumente sind sortiert.</Text>
-          </View>
-        }
-        renderItem={({ item }) => (
-          <SwipeableInboxItem
-            item={item}
-            onAssign={() => openAssign(item)}
-            onReject={() => reject(item.id)}
-          />
-        )}
-      />
-
-      <BottomSheet visible={!!selected} onClose={() => setSelected(null)} heightFraction={0.55}>
-        <Text style={s.sheetTitle}>Welchem Trip zuweisen?</Text>
-
-        {trips.length === 0 ? (
-          <Text style={s.noTrips}>Noch keine Trips vorhanden.</Text>
-        ) : (
-          <ScrollView showsVerticalScrollIndicator={false} style={{ flex: 1 }}>
-            {trips.map((trip) => (
-              <TouchableOpacity
-                key={trip.id}
-                style={[s.tripRow, { opacity: assigning ? 0.5 : 1 }]}
-                onPress={() => assign(trip.id)}
-                disabled={assigning}
-                activeOpacity={0.7}
-              >
-                <View style={s.tripRowInner}>
-                  <Text style={s.tripName}>{trip.name}</Text>
-                  {trip.start_date && <Text style={s.tripDate}>{trip.start_date}</Text>}
-                </View>
-                {assigning ? <ActivityIndicator color="#4f46e5" /> : <Text style={s.arrow}>›</Text>}
-              </TouchableOpacity>
-            ))}
-          </ScrollView>
-        )}
-      </BottomSheet>
-    </View>
-  );
-}
-
-const s = StyleSheet.create({
-  container: { flex: 1, backgroundColor: "#0f0f1a" },
-  list: { padding: 16, gap: 0 },
-  emptyFlex: { flex: 1 },
-  hint: { color: "#3a3a5e", fontSize: 12, textAlign: "center", marginBottom: 12 },
-  empty: { flex: 1, alignItems: "center", justifyContent: "center", padding: 48, gap: 12 },
-  emptyIcon: { fontSize: 64 },
-  emptyTitle: { fontSize: 22, fontWeight: "700", color: "#fff" },
-  emptySub: { fontSize: 15, color: "#6666aa" },
-  sheetTitle: { fontSize: 18, fontWeight: "700", color: "#fff", marginBottom: 16 },
-  noTrips: { color: "#6666aa", fontSize: 14, textAlign: "center", padding: 24 },
-  tripRow: {
-    flexDirection: "row", alignItems: "center",
-    paddingVertical: 16, paddingHorizontal: 4,
-    borderBottomWidth: 1, borderBottomColor: "#2a2a4e",
-    minHeight: 56,
-  },
-  tripRowInner: { flex: 1, gap: 2 },
-  tripName: { color: "#fff", fontSize: 16, fontWeight: "500" },
-  tripDate: { color: "#6666aa", fontSize: 13 },
-  arrow: { color: "#4f46e5", fontSize: 22, fontWeight: "300" },
-});

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

@@ -1,130 +0,0 @@
-import { useRef, useState } from "react";
-import {
-  FlatList, StyleSheet, Text, TextInput, TouchableOpacity, View,
-} from "react-native";
-import { useRouter } from "expo-router";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { getLocalTrips, getLocalItems } from "../../lib/db";
-import { TripItem } from "../../lib/api";
-import TimelineItem from "../../components/TimelineItem";
-import { haptics } from "../../lib/haptics";
-
-type Result = TripItem & { trip_name: string };
-
-export default function SearchScreen() {
-  const router = useRouter();
-  const insets = useSafeAreaInsets();
-  const [query, setQuery] = useState("");
-  const [results, setResults] = useState<Result[]>([]);
-  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  function onQueryChange(text: string) {
-    setQuery(text);
-
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => {
-      if (text.trim().length < 2) {
-        setResults([]);
-        return;
-      }
-      const q = text.toLowerCase();
-      const trips = getLocalTrips();
-      const matched: Result[] = [];
-
-      for (const trip of trips) {
-        const items = getLocalItems(trip.id);
-        for (const item of items) {
-          const searchable = [
-            item.title,
-            item.booking_ref,
-            item.provider,
-            item.raw_text,
-            JSON.stringify(item.parsed_data),
-          ].filter(Boolean).join(" ").toLowerCase();
-
-          if (searchable.includes(q)) {
-            matched.push({ ...item, trip_name: trip.name });
-          }
-        }
-      }
-      setResults(matched);
-    }, 250);
-  }
-
-  const showResults = query.trim().length >= 2;
-
-  return (
-    <View style={[s.container, { paddingTop: insets.top > 0 ? 0 : 8 }]}>
-      <View style={s.searchBar}>
-        <Text style={s.searchIcon} accessibilityElementsHidden>🔍</Text>
-        <TextInput
-          style={s.input}
-          placeholder="Buchungsref, Airline, Hotel…"
-          placeholderTextColor="#4a4a7a"
-          value={query}
-          onChangeText={onQueryChange}
-          autoFocus
-          returnKeyType="search"
-          clearButtonMode="while-editing"
-          accessibilityLabel="Suche"
-          accessibilityHint="Mindestens 2 Zeichen eingeben"
-        />
-      </View>
-
-      {showResults && results.length > 0 && (
-        <Text style={s.resultCount}>{results.length} Ergebnis{results.length !== 1 ? "se" : ""}</Text>
-      )}
-
-      <FlatList
-        data={results}
-        keyExtractor={(i) => i.id}
-        contentContainerStyle={results.length === 0 ? s.emptyContainer : s.list}
-        keyboardShouldPersistTaps="handled"
-        ListEmptyComponent={
-          showResults
-            ? <View style={s.empty}><Text style={s.emptyText}>Keine Ergebnisse für „{query}"</Text></View>
-            : <View style={s.empty}>
-                <Text style={s.emptyHint}>Tippe mindestens 2 Zeichen{"\n"}um in deinen Trips zu suchen</Text>
-              </View>
-        }
-        renderItem={({ item }) => (
-          <TouchableOpacity
-            onPress={async () => {
-              await haptics.tap();
-              router.push(`/(app)/trips/${item.trip_id}`);
-            }}
-            activeOpacity={0.75}
-            accessibilityLabel={`${item.title} in Trip ${item.trip_name}`}
-            accessibilityRole="button"
-          >
-            <View style={s.tripLabelRow}>
-              <Text style={s.tripLabel}>🗺️  {item.trip_name}</Text>
-            </View>
-            <TimelineItem item={item} />
-          </TouchableOpacity>
-        )}
-      />
-    </View>
-  );
-}
-
-const s = StyleSheet.create({
-  container: { flex: 1, backgroundColor: "#0f0f1a" },
-  searchBar: {
-    flexDirection: "row", alignItems: "center", gap: 10,
-    margin: 16, marginBottom: 8,
-    backgroundColor: "#1a1a2e", borderRadius: 14,
-    paddingHorizontal: 14, paddingVertical: 2,
-    borderWidth: 1, borderColor: "#2a2a4e",
-  },
-  searchIcon: { fontSize: 16 },
-  input: { flex: 1, color: "#fff", fontSize: 16, paddingVertical: 12 },
-  resultCount: { color: "#4f46e5", fontSize: 12, fontWeight: "600", paddingHorizontal: 20, marginBottom: 4 },
-  list: { paddingHorizontal: 16, paddingBottom: 32 },
-  emptyContainer: { flex: 1 },
-  empty: { flex: 1, alignItems: "center", justifyContent: "center", padding: 48 },
-  emptyText: { color: "#6666aa", fontSize: 15, textAlign: "center" },
-  emptyHint: { color: "#3a3a5e", fontSize: 14, textAlign: "center", lineHeight: 22 },
-  tripLabelRow: { flexDirection: "row", alignItems: "center", marginTop: 12, marginBottom: 4, paddingHorizontal: 4 },
-  tripLabel: { color: "#4f46e5", fontSize: 12, fontWeight: "600" },
-});