fix: resolve recursive loop in TaskCacheService causing app freeze after login

.claude/settings.local.json

@@ -50,7 +50,15 @@
       "Bash(powershell -Command \"Get-Content ''e:\\\\MyTaskly\\\\MyTaskly-app\\\\src\\\\locales\\\\en.json'' | Select-Object -Last 20\")",
       "Bash(powershell -Command \"Get-Content ''e:\\\\MyTaskly\\\\MyTaskly-app\\\\src\\\\locales\\\\it.json'' | Select-Object -Last 20\")",
       "Bash(npm ls:*)",
-      "Bash(curl:*)"
+      "Bash(curl:*)",
+      "Bash(export NVM_DIR=\"$HOME/.nvm\")",
+      "Bash([ -s \"$NVM_DIR/nvm.sh\" ])",
+      "Bash(. \"$NVM_DIR/nvm.sh\")",
+      "Bash(npm test:*)",
+      "Bash(xargs:*)",
+      "WebFetch(domain:www.npmjs.com)",
+      "WebFetch(domain:docs.expo.dev)",
+      "WebFetch(domain:github.com)"
     ],
     "deny": [],
     "defaultMode": "acceptEdits"

.gitignore

@@ -51,3 +51,14 @@ docs/
 # Firebase secrets
 
 *firebase-adminsdk*.json
+
+# Auto Claude data directory
+.auto-claude/
+
+# Auto Claude generated files
+.auto-claude-security.json
+.auto-claude-status
+.claude_settings.json
+.worktrees/
+.security-key
+logs/security/

app.json

@@ -74,7 +74,8 @@
         }
       ],
       "expo-dev-client",
-      "expo-router"
+      "expo-router",
+      "expo-audio"
     ],
     "extra": {
       "eas": {

package.json

@@ -21,6 +21,7 @@
     "@expo/vector-icons": "^14.0.2",
     "@flyerhq/react-native-chat-ui": "^1.4.3",
     "@openspacelabs/react-native-zoomable-view": "^2.3.1",
+    "@picovoice/react-native-voice-processor": "^1.2.3",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "8.4.1",
     "@react-native-google-signin/google-signin": "^15.0.0",
@@ -36,6 +37,7 @@
     "dotenv": "^17.2.1",
     "eventsource": "^4.0.0",
     "expo": "~53.0.23",
+    "expo-audio": "~0.4.9",
     "expo-av": "^15.1.7",
     "expo-blur": "~14.1.5",
     "expo-constants": "~17.1.7",
@@ -85,7 +87,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@react-native-community/cli": "^18.0.0",
+    "@react-native-community/cli": "^14.0.1",
     "@types/jest": "^29.5.12",
     "@types/react": "~19.0.10",
     "@types/react-test-renderer": "^18.3.0",

src/components/BotChat/MessageBubble.tsx

@@ -5,6 +5,7 @@ import TaskListBubble from './TaskListBubble'; // Nuovo componente card-based
 import TaskTableBubble from './TaskTableBubble'; // Mantieni per backward compatibility
 import Markdown from 'react-native-markdown-display'; // Supporto per Markdown
 import WidgetBubble from './widgets/WidgetBubble';
+import InlineVisualizationWidget from './widgets/InlineVisualizationWidget';
 import VisualizationModal from './widgets/VisualizationModal';
 import ItemDetailModal from './widgets/ItemDetailModal';
 import TaskEditModal from '../Task/TaskEditModal';
@@ -13,7 +14,7 @@ import CategoryMenu from '../Category/CategoryMenu';
 import { Task as TaskType } from '../../services/taskService';
 import { updateTask, updateCategory, deleteCategory } from '../../services/taskService';
 
-const MessageBubble: React.FC<MessageBubbleProps> = ({ message, style }) => {
+const MessageBubble: React.FC<MessageBubbleProps> = ({ message, style, isVoiceChat = false }) => {
   const isBot = message.sender === 'bot';
   const fadeAnim = useRef(new Animated.Value(0)).current;
   const slideAnim = useRef(new Animated.Value(20)).current;
@@ -362,38 +363,55 @@ const MessageBubble: React.FC<MessageBubbleProps> = ({ message, style }) => {
       {/* WIDGETS SOPRA AL MESSAGGIO (come richiesto dall'utente) */}
       {isBot && message.toolWidgets && message.toolWidgets.length > 0 && (
         <View style={styles.widgetsContainer}>
-          {message.toolWidgets.map((widget) => (
-            <WidgetBubble
-              key={widget.id}
-              widget={widget}
-              onOpenVisualization={handleOpenVisualization}
-              onOpenItemDetail={handleOpenItemDetail}
-              onTaskPress={handleTaskPress}
-              onCategoryPress={handleCategoryPress}
-            />
-          ))}
+          {message.toolWidgets.map((widget) => {
+            // In voice chat usa InlineVisualizationWidget
+            if (isVoiceChat) {
+              return (
+                <InlineVisualizationWidget
+                  key={widget.id}
+                  widget={widget}
+                  onTaskPress={handleTaskPress}
+                  onCategoryPress={handleCategoryPress}
+                />
+              );
+            }
+
+            // In text chat usa WidgetBubble (comportamento attuale)
+            return (
+              <WidgetBubble
+                key={widget.id}
+                widget={widget}
+                onOpenVisualization={handleOpenVisualization}
+                onOpenItemDetail={handleOpenItemDetail}
+                onTaskPress={handleTaskPress}
+                onCategoryPress={handleCategoryPress}
+              />
+            );
+          })}
         </View>
       )}
 
-      {/* BUBBLE DEL MESSAGGIO */}
-      <View style={[
-        styles.messageBubble,
-        isBot ? styles.botBubble : styles.userBubble
-      ]}>
-        {renderMessageContent()}
-        {message.isStreaming && isBot && (
-          <View style={styles.streamingIndicator}>
-            <Animated.View style={[styles.streamingDot, { opacity: streamingDot1 }]} />
-            <Animated.View style={[styles.streamingDot, { opacity: streamingDot2 }]} />
-            <Animated.View style={[styles.streamingDot, { opacity: streamingDot3 }]} />
-          </View>
-        )}
-        {message.modelType && isBot && !message.isStreaming && (
-          <Text style={styles.modelType}>
-            {message.modelType === 'advanced' ? 'Modello avanzato' : 'Modello base'}
-          </Text>
-        )}
-      </View>
+      {/* BUBBLE DEL MESSAGGIO - renderizza solo se c'è testo */}
+      {message.text && message.text.trim() !== '' && (
+        <View style={[
+          styles.messageBubble,
+          isBot ? styles.botBubble : styles.userBubble
+        ]}>
+          {renderMessageContent()}
+          {message.isStreaming && isBot && (
+            <View style={styles.streamingIndicator}>
+              <Animated.View style={[styles.streamingDot, { opacity: streamingDot1 }]} />
+              <Animated.View style={[styles.streamingDot, { opacity: streamingDot2 }]} />
+              <Animated.View style={[styles.streamingDot, { opacity: streamingDot3 }]} />
+            </View>
+          )}
+          {message.modelType && isBot && !message.isStreaming && (
+            <Text style={styles.modelType}>
+              {message.modelType === 'advanced' ? 'Modello avanzato' : 'Modello base'}
+            </Text>
+          )}
+        </View>
+      )}
 
       <Text style={[
         styles.messageTime,