release: bump version to 0.1.3.3

Stefan: App crasht beim Tap auf Inbox-Button. Zwei Ursachen:

1. Modal-in-Modal-Stacking (Inbox-Modal enthielt MemoryBrowser, der
   wiederum ein MemoryDetailModal gerendered hat). Android Modal hat
   damit Probleme — der Native-Layer mag nur eine Modal-Instance
   gleichzeitig zuverlaessig.

2. MemoryBrowser nutzte Alert.prompt fuer "Neue Memory anlegen" —
   das ist iOS-only, Android wirft eine Warnung oder crasht.

Fix:
- MemoryBrowser bekommt optionalen onOpenMemory-Callback. Wenn der
  Parent diesen liefert, mounted MemoryBrowser KEIN eigenes
  DetailModal mehr. ChatScreen mountet das DetailModal nur einmal
  auf seiner Ebene; Inbox-Modal schliesst sich beim Tap und delegiert
  die ID an memoryDetailId-State. Damit ist immer maximal ein Modal
  aktiv.
- Alert.prompt durch eigenes kleines Dialog-Modal ersetzt: TextInput
  fuer Titel, Anlegen/Abbrechen-Buttons. Cross-platform stabil.

SettingsScreen-Nutzung von MemoryBrowser bleibt unveraendert (kein
Callback → eingebautes DetailModal, aber dort kein Modal-Stacking
weil Settings kein Modal ist).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

android/android/app/build.gradle

@@ -79,8 +79,8 @@ android {
         applicationId "com.ariacockpit"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 10301
-        versionName "0.1.3.1"
+        versionCode 10303
+        versionName "0.1.3.3"
         // Fallback fuer Libraries mit Product Flavors
         missingDimensionStrategy 'react-native-camera', 'general'
     }

android/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-cockpit",
-  "version": "0.1.3.1",
+  "version": "0.1.3.3",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

android/src/components/MemoryBrowser.tsx

@@ -37,9 +37,11 @@ interface Props {
   title?: string;
   /** Style-Erweiterung fuer den Container. */
   flatStyle?: boolean;
+  /** Wenn gesetzt: kein eigenes DetailModal mounten — Parent kuemmert sich. */
+  onOpenMemory?: (id: string) => void;
 }
 
-export const MemoryBrowser: React.FC<Props> = ({ restrictToIds, title, flatStyle }) => {
+export const MemoryBrowser: React.FC<Props> = ({ restrictToIds, title, flatStyle, onOpenMemory }) => {
   const [items, setItems] = useState<Memory[]>([]);
   const [filtered, setFiltered] = useState<Memory[]>([]);
   const [loading, setLoading] = useState(false);
@@ -82,38 +84,35 @@ export const MemoryBrowser: React.FC<Props> = ({ restrictToIds, title, flatStyle
     setFiltered(out);
   }, [items, q, typeFilter, pinnedFilter, restrictToIds]);
 
+  const [showNewMemoryDialog, setShowNewMemoryDialog] = useState(false);
+  const [newMemoryTitle, setNewMemoryTitle] = useState('');
+
   const onAddNew = () => {
-    Alert.prompt(
-      'Neue Memory',
-      'Titel:',
-      [
-        { text: 'Abbrechen', style: 'cancel' },
-        {
-          text: 'Anlegen',
-          onPress: async (title?: string) => {
-            const t = (title || '').trim();
-            if (!t) return;
-            try {
-              const m = await brainApi.saveMemory({
-                type: 'fact', title: t,
-                content: '(noch leer — bitte editieren)',
-              });
-              load();
-              setOpenId(m.id);
-            } catch (e: any) {
-              Alert.alert('Fehler', String(e?.message || e));
-            }
-          },
-        },
-      ],
-      'plain-text',
-    );
+    setNewMemoryTitle('');
+    setShowNewMemoryDialog(true);
+  };
+
+  const confirmAddNew = async () => {
+    const t = newMemoryTitle.trim();
+    if (!t) { setShowNewMemoryDialog(false); return; }
+    setShowNewMemoryDialog(false);
+    try {
+      const m = await brainApi.saveMemory({
+        type: 'fact', title: t,
+        content: '(noch leer — bitte editieren)',
+      });
+      load();
+      if (onOpenMemory) onOpenMemory(m.id);
+      else setOpenId(m.id);
+    } catch (e: any) {
+      Alert.alert('Fehler', String(e?.message || e));
+    }
   };
 
   const renderItem = ({ item }: { item: Memory }) => {
     const attCount = (item.attachments || []).length;
     return (
-      <TouchableOpacity style={s.row} onPress={() => setOpenId(item.id)}>
+      <TouchableOpacity style={s.row} onPress={() => onOpenMemory ? onOpenMemory(item.id) : setOpenId(item.id)}>
         <View style={{flex:1}}>
           <Text style={s.rowTitle} numberOfLines={1}>
             {item.pinned ? '📌 ' : ''}{item.title || '(ohne Titel)'}
@@ -202,12 +201,42 @@ export const MemoryBrowser: React.FC<Props> = ({ restrictToIds, title, flatStyle
         </TouchableOpacity>
       </Modal>
 
-      <MemoryDetailModal
-        memoryId={openId}
-        visible={!!openId}
-        onClose={() => { setOpenId(null); load(); }}
-        onDeleted={() => { setOpenId(null); load(); }}
-      />
+      {/* Eigenes DetailModal nur wenn der Parent kein Callback uebergibt
+          (vermeidet Modal-in-Modal-Stacking auf Android). */}
+      {!onOpenMemory && (
+        <MemoryDetailModal
+          memoryId={openId}
+          visible={!!openId}
+          onClose={() => { setOpenId(null); load(); }}
+          onDeleted={() => { setOpenId(null); load(); }}
+        />
+      )}
+
+      {/* "Neue Memory"-Dialog (Alert.prompt ist iOS-only, daher eigenes Modal) */}
+      <Modal visible={showNewMemoryDialog} transparent animationType="fade" onRequestClose={() => setShowNewMemoryDialog(false)}>
+        <View style={s.menuBack}>
+          <View style={[s.menuBox, {padding:16, minWidth:280}]}>
+            <Text style={{color:'#FFD60A', fontWeight:'bold', fontSize:14, marginBottom:10}}>Neue Memory anlegen</Text>
+            <Text style={{color:'#8888AA', fontSize:11, marginBottom:6}}>Titel:</Text>
+            <TextInput
+              value={newMemoryTitle}
+              onChangeText={setNewMemoryTitle}
+              autoFocus
+              placeholder="z.B. Stefans Auto"
+              placeholderTextColor="#555570"
+              style={{backgroundColor:'#1E1E2E', color:'#E0E0F0', padding:8, borderRadius:4, fontSize:13, marginBottom:12}}
+            />
+            <View style={{flexDirection:'row', gap:8, justifyContent:'flex-end'}}>
+              <TouchableOpacity onPress={() => setShowNewMemoryDialog(false)} style={{padding:8}}>
+                <Text style={{color:'#8888AA'}}>Abbrechen</Text>
+              </TouchableOpacity>
+              <TouchableOpacity onPress={confirmAddNew} style={{backgroundColor:'#0096FF', paddingHorizontal:14, paddingVertical:8, borderRadius:4}}>
+                <Text style={{color:'#fff', fontWeight:'600'}}>Anlegen</Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </Modal>
     </View>
   );
 };

android/src/screens/ChatScreen.tsx

@@ -1026,7 +1026,15 @@ const ChatScreen: React.FC = () => {
   }, [messages]);
 
   // Inverted FlatList: neueste Nachrichten unten, kein manuelles Scrollen noetig
-  const invertedMessages = useMemo(() => [...messages].reverse(), [messages]);
+  // Spezial-Bubbles (memorySaved/triggerCreated/skillCreated) sollen im Chat
+  // NICHT mehr erscheinen — sie werden in der Notizen-Inbox angezeigt.
+  // Das verhindert dass sie chronologisch unten im Chat haengen und der
+  // eigentliche Chat-Verlauf darunter verschwindet.
+  const chatVisibleMessages = useMemo(
+    () => messages.filter(m => !m.memorySaved && !m.triggerCreated && !m.skillCreated),
+    [messages],
+  );
+  const invertedMessages = useMemo(() => [...chatVisibleMessages].reverse(), [chatVisibleMessages]);
 
   // Such-Treffer: alle Message-IDs die zur Query passen, in chronologischer
   // Reihenfolge (aelteste zuerst). Bei Query-Change resetten wir den Index.
@@ -1597,7 +1605,7 @@ const ChatScreen: React.FC = () => {
            connectionState === 'connecting' ? 'Verbinde...' : 'Getrennt'}
         </Text>
         <TouchableOpacity onPress={() => setInboxVisible(true)} style={{marginLeft: 'auto', paddingHorizontal: 6}} hitSlop={{top:8,bottom:8,left:6,right:6}}>
-          <Text style={{fontSize: 18}}>\uD83D\uDDC2\uFE0F</Text>
+          <Text style={{fontSize: 18}}>{'\uD83D\uDDC2\uFE0F'}</Text>
         </TouchableOpacity>
         <TouchableOpacity onPress={() => setSearchVisible(!searchVisible)} style={{paddingHorizontal: 6}} hitSlop={{top:8,bottom:8,left:6,right:6}}>
           <Text style={{fontSize: 16}}>{'\uD83D\uDD0D'}</Text>
@@ -1844,12 +1852,88 @@ const ChatScreen: React.FC = () => {
       <Modal visible={inboxVisible} animationType="slide" onRequestClose={() => setInboxVisible(false)}>
         <View style={{flex:1, backgroundColor:'#0D0D1A'}}>
           <View style={{flexDirection:'row', alignItems:'center', padding:14, borderBottomWidth:1, borderBottomColor:'#1E1E2E'}}>
-            <Text style={{color:'#FFD60A', fontWeight:'bold', fontSize:16, flex:1}}>🗂️ Notizen-Inbox</Text>
+            <Text style={{color:'#FFD60A', fontWeight:'bold', fontSize:16, flex:1}}>{'🗂️'} Notizen-Inbox</Text>
             <TouchableOpacity onPress={() => setInboxVisible(false)} hitSlop={{top:8,bottom:8,left:8,right:8}}>
               <Text style={{color:'#8888AA', fontSize:24}}>×</Text>
             </TouchableOpacity>
           </View>
-          <MemoryBrowser />
+          {/* Aus aktuellem Chat: Spezial-Bubbles (memory/trigger/skill) kompakt
+              auflisten — neueste oben. Klick auf Memory oeffnet Detail-Modal. */}
+          {(() => {
+            const specials = messages
+              .filter(m => m.memorySaved || m.triggerCreated || m.skillCreated)
+              .slice().reverse();
+            if (specials.length === 0) {
+              return (
+                <View style={{padding:14, borderBottomWidth:1, borderBottomColor:'#1E1E2E'}}>
+                  <Text style={{color:'#555570', fontSize:11, fontStyle:'italic'}}>
+                    (keine Notizen-Bubbles im aktuellen Chat)
+                  </Text>
+                </View>
+              );
+            }
+            return (
+              <View style={{maxHeight:260, borderBottomWidth:1, borderBottomColor:'#1E1E2E'}}>
+                <Text style={{color:'#8888AA', fontSize:11, paddingHorizontal:14, paddingTop:8, paddingBottom:4, textTransform:'uppercase', letterSpacing:0.5}}>
+                  Aus diesem Chat
+                </Text>
+                <ScrollView style={{paddingHorizontal:8}}>
+                  {specials.map(m => {
+                    if (m.memorySaved) {
+                      const ms = m.memorySaved;
+                      const action = ms.action || 'created';
+                      const verb = action === 'updated' ? 'geändert' : action === 'deleted' ? 'gelöscht' : 'angelegt';
+                      const dotColor = action === 'deleted' ? '#FF6B6B' : '#FFD60A';
+                      return (
+                        <TouchableOpacity
+                          key={m.id}
+                          style={styles.inboxRow}
+                          onPress={() => { if (ms.id && action !== 'deleted') { setInboxVisible(false); setMemoryDetailId(ms.id); } }}
+                          disabled={!ms.id || action === 'deleted'}
+                        >
+                          <Text style={{fontSize:16}}>{'🧠'}</Text>
+                          <View style={{flex:1}}>
+                            <Text style={styles.inboxRowTitle} numberOfLines={1}>{ms.title}</Text>
+                            <Text style={[styles.inboxRowMeta, {color: dotColor}]}>Memory · {verb} · {ms.type}</Text>
+                          </View>
+                          {ms.id && action !== 'deleted' ? <Text style={{color:'#0096FF', fontSize:14}}>›</Text> : null}
+                        </TouchableOpacity>
+                      );
+                    }
+                    if (m.triggerCreated) {
+                      const t = m.triggerCreated;
+                      return (
+                        <View key={m.id} style={styles.inboxRow}>
+                          <Text style={{fontSize:16}}>{'⏰'}</Text>
+                          <View style={{flex:1}}>
+                            <Text style={styles.inboxRowTitle} numberOfLines={1}>{t.name}</Text>
+                            <Text style={styles.inboxRowMeta}>Trigger · {t.type}{t.fires_at ? ` · ${t.fires_at.slice(0,16).replace('T',' ')}` : ''}</Text>
+                          </View>
+                        </View>
+                      );
+                    }
+                    if (m.skillCreated) {
+                      const sk = m.skillCreated;
+                      return (
+                        <View key={m.id} style={styles.inboxRow}>
+                          <Text style={{fontSize:16}}>{'🛠'}</Text>
+                          <View style={{flex:1}}>
+                            <Text style={styles.inboxRowTitle} numberOfLines={1}>{sk.name}</Text>
+                            <Text style={styles.inboxRowMeta}>Skill · {sk.execution}</Text>
+                          </View>
+                        </View>
+                      );
+                    }
+                    return null;
+                  })}
+                </ScrollView>
+              </View>
+            );
+          })()}
+          <Text style={{color:'#8888AA', fontSize:11, paddingHorizontal:14, paddingTop:10, paddingBottom:4, textTransform:'uppercase', letterSpacing:0.5}}>
+            Alle Memories aus der DB
+          </Text>
+          <MemoryBrowser onOpenMemory={(id) => { setInboxVisible(false); setMemoryDetailId(id); }} />
         </View>
       </Modal>
 
@@ -2181,6 +2265,25 @@ const styles = StyleSheet.create({
   playButtonText: {
     fontSize: 16,
   },
+  inboxRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    backgroundColor: '#1E1E2E',
+    padding: 10,
+    borderRadius: 6,
+    marginBottom: 4,
+  },
+  inboxRowTitle: {
+    color: '#E0E0F0',
+    fontSize: 13,
+    fontWeight: '600',
+  },
+  inboxRowMeta: {
+    color: '#8888AA',
+    fontSize: 11,
+    marginTop: 1,
+  },
   memoryAttachmentRow: {
     flexDirection: 'row',
     alignItems: 'center',