@alia.onl/sdk 3.1.1 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alia.onl/sdk",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "Alia AI chat SDK — reusable chat UI, voice, and streaming components for Oxy apps",
   "main": "src/index.ts",
   "react-native": "src/index.ts",
@@ -11,13 +11,16 @@
     "access": "public"
   },
   "dependencies": {
+    "@tanstack/query-async-storage-persister": "^5.100.0",
+    "@tanstack/react-query": "^5.100.0",
+    "@tanstack/react-query-persist-client": "^5.100.0",
     "react-native-markdown-display": "^7.0.2-0",
     "zustand": ">=4"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-native": ">=0.73",
-    "@oxyhq/services": "6.10.7",
+    "@oxyhq/services": "^10.2.3",
     "expo-blur": "*",
     "react-native-reanimated": ">=3",
     "react-native-gesture-handler": ">=2",
@@ -40,49 +43,49 @@
   },
   "peerDependenciesMeta": {
     "livekit-client": {
-    "optional": true
+      "optional": true
+    },
+    "expo-audio": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "nativewind": {
+      "optional": true
+    },
+    "clsx": {
+      "optional": true
+    },
+    "tailwind-merge": {
+      "optional": true
+    },
+    "class-variance-authority": {
+      "optional": true
+    },
+    "zeego": {
+      "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-clipboard": {
+      "optional": true
+    },
+    "lucide-react-native": {
+      "optional": true
+    },
+    "@radix-ui/react-dropdown-menu": {
+      "optional": true
+    }
   },
-  "expo-audio": {
-  "optional": true
-},
-"react-native-svg": {
-"optional": true
-},
-"nativewind": {
-"optional": true
-},
-"clsx": {
-"optional": true
-},
-"tailwind-merge": {
-"optional": true
-},
-"class-variance-authority": {
-"optional": true
-},
-"zeego": {
-"optional": true
-},
-"expo-image": {
-"optional": true
-},
-"expo-image-picker": {
-"optional": true
-},
-"expo-document-picker": {
-"optional": true
-},
-"expo-clipboard": {
-"optional": true
-},
-"lucide-react-native": {
-"optional": true
-},
-"@radix-ui/react-dropdown-menu": {
-"optional": true
-}
-},
-"devDependencies": {
-  "typescript": "^5.9.3"
-}
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  }
 }

package/src/animations.ts

@@ -0,0 +1,6 @@
+import { Easing, FadeInUp } from 'react-native-reanimated';
+
+const easeOut = Easing.bezier(0.16, 1, 0.3, 1);
+
+export const planPreviewEnter = FadeInUp.duration(220).easing(easeOut);
+export const chatMessageEnter = FadeInUp.duration(220).easing(easeOut);

package/src/components/AliaChatMessageList.tsx

@@ -9,7 +9,6 @@ import Animated, {
   withTiming,
   withSequence,
   cancelAnimation,
-  FadeInUp,
   type SharedValue,
 } from 'react-native-reanimated';
 import {
@@ -27,6 +26,7 @@ import { ThinkingIndicator } from './ThinkingIndicator';
 import { Reasoning, ReasoningTrigger, ReasoningContent } from './Reasoning';
 import { ResearchProgressCard } from './ResearchProgressCard';
 import { PlanPreviewCard } from './PlanPreviewCard';
+import { chatMessageEnter } from '../animations';
 import { getToolLabel, getToolActiveLabel, getResearchActiveLabel } from '../lib/tool-registry';
 import { getTextFromContent, getImagesFromContent } from '../lib/content-utils';
 import type { ChatMessage, ToolInvocation } from '../types';
@@ -508,7 +508,7 @@ export function AliaChatMessageList({
             return (
               <Animated.View
                 key={msg.id}
-                entering={isNewMessage ? FadeInUp.springify() : undefined}
+                entering={isNewMessage ? chatMessageEnter : undefined}
               >
                 {msg.role === 'user' ? (
                   <UserBubble

package/src/components/PlanPreviewCard.tsx

@@ -2,7 +2,8 @@ import { View, Pressable } from 'react-native';
 import { Text } from './ui/text';
 import { Button } from './ui/button';
 import { Check, X, ListChecks } from 'lucide-react-native';
-import Animated, { FadeInUp } from 'react-native-reanimated';
+import Animated from 'react-native-reanimated';
+import { planPreviewEnter } from '../animations';
 import type { PlanStep } from '../types';
 
 interface PlanPreviewCardProps {
@@ -33,7 +34,7 @@ export function PlanPreviewCard({ steps, onApprove, onReject, approved, rejected
   }
 
   return (
-    <Animated.View entering={FadeInUp.springify()}>
+    <Animated.View entering={planPreviewEnter}>
       <View className="border border-border rounded-xl bg-card p-4 gap-3 my-2">
         <View className="flex-row items-center gap-2">
           <ListChecks size={16} className="text-foreground" />

package/src/components/ui/dropdown-menu.web.tsx

@@ -142,7 +142,7 @@ const DropdownMenuSubContent = React.forwardRef<
       )}
       style={{
         boxShadow: '0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)',
-        border: '1px solid hsl(var(--border))',
+        border: '1px solid var(--border)',
         ...style as any,
       }}
       {...props}
@@ -168,7 +168,7 @@ const DropdownMenuContent = React.forwardRef<
       )}
       style={{
         boxShadow: '0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)',
-        border: '1px solid hsl(var(--border))',
+        border: '1px solid var(--border)',
         ...style as any,
       }}
       {...props}