@alia.onl/sdk 3.0.0 → 3.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alia.onl/sdk",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "description": "Alia AI chat SDK — reusable chat UI, voice, and streaming components for Oxy apps",
   "main": "src/index.ts",
   "react-native": "src/index.ts",
@@ -17,7 +17,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-native": ">=0.73",
-    "@oxyhq/services": ">=6.0.0",
+    "@oxyhq/services": "6.10.7",
     "expo-blur": "*",
     "react-native-reanimated": ">=3",
     "react-native-gesture-handler": ">=2",
@@ -39,22 +39,50 @@
     "@radix-ui/react-dropdown-menu": ">=2"
   },
   "peerDependenciesMeta": {
-    "livekit-client": { "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 }
+    "livekit-client": {
+    "optional": true
   },
-  "devDependencies": {
-    "typescript": "^5.9.3"
-  }
+  "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"
+}
 }

package/src/components/AliaChatContent.tsx

@@ -14,7 +14,7 @@ import React, {
   useMemo,
   useRef,
 } from 'react';
-import { View, Pressable, StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { useSharedValue, withTiming, Easing } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 import { Volume2 } from 'lucide-react-native';
@@ -27,17 +27,15 @@ import { useSTTStore } from '../hooks/useSpeechToText';
 import { VoiceOverlay } from './voice/VoiceOverlay';
 import { VoiceControls } from './voice/VoiceControls';
 import { AliaChatMessageList } from './AliaChatMessageList';
+import { AliaWelcomeMessage, type WelcomeSuggestion } from './AliaWelcomeMessage';
 import { PromptInput } from './ui/prompt-input/prompt-input';
 import { Button } from './ui/button';
-import { AliaChatSuggestions } from './AliaChatSuggestions';
 import type { AliaExpression } from './AliaFace';
-import type { AliaChatSuggestion } from '../types';
 import type { ChatMessage } from '../types';
 import type { Completion } from './ui/prompt-input/context';
 
 export interface AliaChatContentProps {
   clientContext?: string;
-  suggestions?: AliaChatSuggestion[];
   model?: string;
   apiUrl?: string;
   /** Shared value for scroll offset (used by sheet for pan-to-dismiss) */
@@ -48,6 +46,19 @@ export interface AliaChatContentProps {
   onSuggestionUsed?: (suggestionId: string) => void;
   /** Error handler (e.g. toast) */
   onError?: (message: string) => void;
+  // Welcome message
+  welcomeGreeting?: string;
+  welcomeSubtitle?: string;
+  welcomeSuggestions?: WelcomeSuggestion[];
+  // Message action callbacks
+  onEditMessage?: (messageId: string, newContent: string) => void;
+  onThumbsUp?: (messageId: string) => void;
+  onThumbsDown?: (messageId: string) => void;
+  onApprovePlan?: (planId: string) => void;
+  onRejectPlan?: (planId: string) => void;
+  onToolResultPress?: (messageId: string) => void;
+  /** Override markdown renderer (app passes CustomMarkdown) */
+  renderMarkdown?: (content: string) => React.ReactNode;
 }
 
 export interface AliaChatContentRef {
@@ -72,7 +83,25 @@ function adaptVoiceMessage(vm: any): ChatMessage {
 }
 
 export const AliaChatContent = forwardRef<AliaChatContentRef, AliaChatContentProps>(
-  ({ clientContext, suggestions = [], model, apiUrl, scrollOffsetY: externalScrollOffsetY, useSuggestions, onSuggestionUsed, onError }, ref) => {
+  ({
+    clientContext,
+    model,
+    apiUrl,
+    scrollOffsetY: externalScrollOffsetY,
+    useSuggestions,
+    onSuggestionUsed,
+    onError,
+    welcomeGreeting,
+    welcomeSubtitle,
+    welcomeSuggestions,
+    onEditMessage,
+    onThumbsUp,
+    onThumbsDown,
+    onApprovePlan,
+    onRejectPlan,
+    onToolResultPress,
+    renderMarkdown,
+  }, ref) => {
     // ── Chat ──
     const chatOptions: UseAliaChatOptions = { apiUrl, model, clientContext };
     const { messages, setMessages, send, isStreaming, stop, clear } = useAliaChat(chatOptions);
@@ -187,7 +216,17 @@ export const AliaChatContent = forwardRef<AliaChatContentRef, AliaChatContentPro
       return 'Writing E';
     }, [messages, isStreaming, isVoiceActive, voiceRoom.agentState]);
 
-    const showSuggestions = messages.length === 0 && suggestions.length > 0;
+    const welcomeComponent = useMemo(() => {
+      if (!welcomeGreeting || messages.length > 0) return undefined;
+      return (
+        <AliaWelcomeMessage
+          greeting={welcomeGreeting}
+          subtitle={welcomeSubtitle}
+          suggestions={welcomeSuggestions}
+          onSuggestionPress={send}
+        />
+      );
+    }, [welcomeGreeting, welcomeSubtitle, welcomeSuggestions, send, messages.length]);
 
     // ── Overlay state ──
     const showVoiceOverlay = isVoiceActive;
@@ -246,19 +285,23 @@ export const AliaChatContent = forwardRef<AliaChatContentRef, AliaChatContentPro
           />
         )}
 
-        {/* Suggestions or Messages */}
-        {showSuggestions ? (
-          <AliaChatSuggestions suggestions={suggestions} onSelect={send} />
-        ) : (
-          <AliaChatMessageList
-            messages={messages}
-            isStreaming={isStreaming}
-            scrollOffsetY={scrollOffsetY}
-            onReadAloud={handleReadAloud}
-            ttsActiveMessageId={tts.activeMessageId}
-            ttsPlaybackState={tts.playbackState}
-          />
-        )}
+        {/* Welcome or Messages */}
+        <AliaChatMessageList
+          messages={messages}
+          isStreaming={isStreaming}
+          scrollOffsetY={scrollOffsetY}
+          onReadAloud={handleReadAloud}
+          ttsActiveMessageId={tts.activeMessageId}
+          ttsPlaybackState={tts.playbackState}
+          onEditMessage={onEditMessage}
+          onThumbsUp={onThumbsUp}
+          onThumbsDown={onThumbsDown}
+          onApprovePlan={onApprovePlan}
+          onRejectPlan={onRejectPlan}
+          onToolResultPress={onToolResultPress}
+          renderMarkdown={renderMarkdown}
+          welcomeComponent={welcomeComponent}
+        />
 
         {/* Input or Voice Controls */}
         {isVoiceActive ? (