@bytexbyte/nxtlinq-ai-agent-ui-react-native-development 0.2.0 → 0.3.1

package/dist/NxtlinqAgentAssistant.d.ts

@@ -6,18 +6,18 @@ import type { NxtlinqAgentAssistantProps } from './types';
  * @example
  * ```tsx
  * import AsyncStorage from '@react-native-async-storage/async-storage';
- * import { RTCPeerConnection, mediaDevices } from 'react-native-webrtc';
  * import { NxtlinqAgentAssistant } from '@bytexbyte/nxtlinq-ai-agent-ui-react-native-development';
  *
  * export default function Screen() {
  *   return (
  *     <NxtlinqAgentAssistant
  *       storage={AsyncStorage}
- *       webrtcModule={{ RTCPeerConnection, mediaDevices }}
  *       serviceId="..."
  *       apiKey="..."
  *       apiSecret="..."
- *       pseudoId={chatId}
+ *       environment="staging"
+ *       pseudoId={userId}
+ *       conversationId={roomId}
  *       enableVoice
  *       loadHistoryOnMount
  *     />
@@ -25,5 +25,5 @@ import type { NxtlinqAgentAssistantProps } from './types';
  * }
  * ```
  */
-export declare function NxtlinqAgentAssistant({ title, placeholder, presetMessages, loadHistoryOnMount, historyLast, enableVoice, startInVoiceMode, startWithMicMuted, holdMicDuringAssistant, showVoiceWaveform, showVoiceImageInput, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, voiceRemoteAudioGain, textTtsVolume, theme, style, headerStyle, onMessage, onError, onToolUse, children, storage, fetchImpl, getTimezone, webrtcModule, webrtc, resetOnIdentityChange, ...agentConfig }: NxtlinqAgentAssistantProps): React.ReactElement;
+export declare function NxtlinqAgentAssistant({ title, placeholder, presetMessages, loadHistoryOnMount, historyLast, enableVoice, startInVoiceMode, startWithMicMuted, holdMicDuringAssistant, showVoiceWaveform, showVoiceImageInput, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, textTtsVolume, theme, style, headerStyle, onMessage, onError, onToolUse, children, storage, fetchImpl, getTimezone, resetOnIdentityChange, ...agentConfig }: NxtlinqAgentAssistantProps): React.ReactElement;
 //# sourceMappingURL=NxtlinqAgentAssistant.d.ts.map

package/dist/NxtlinqAgentAssistant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NxtlinqAgentAssistant.d.ts","sourceRoot":"","sources":["../src/NxtlinqAgentAssistant.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,cAAc,EACd,kBAA0B,EAC1B,WAAW,EACX,WAAkB,EAClB,gBAAwB,EACxB,iBAAwB,EACxB,sBAA6B,EAC7B,iBAAwB,EACxB,mBAA2B,EAC3B,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,qBAAqB,EACrB,GAAG,WAAW,EACf,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAyCjD"}
+{"version":3,"file":"NxtlinqAgentAssistant.d.ts","sourceRoot":"","sources":["../src/NxtlinqAgentAssistant.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,cAAc,EACd,kBAA0B,EAC1B,WAAW,EACX,WAAkB,EAClB,gBAAwB,EACxB,iBAAwB,EACxB,sBAA6B,EAC7B,iBAAwB,EACxB,mBAA2B,EAC3B,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,GAAG,WAAW,EACf,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAmCjD"}

package/dist/NxtlinqAgentAssistant.js

@@ -7,18 +7,18 @@ import { AgentAssistantShell } from './components/AgentAssistantShell';
  * @example
  * ```tsx
  * import AsyncStorage from '@react-native-async-storage/async-storage';
- * import { RTCPeerConnection, mediaDevices } from 'react-native-webrtc';
  * import { NxtlinqAgentAssistant } from '@bytexbyte/nxtlinq-ai-agent-ui-react-native-development';
  *
  * export default function Screen() {
  *   return (
  *     <NxtlinqAgentAssistant
  *       storage={AsyncStorage}
- *       webrtcModule={{ RTCPeerConnection, mediaDevices }}
  *       serviceId="..."
  *       apiKey="..."
  *       apiSecret="..."
- *       pseudoId={chatId}
+ *       environment="staging"
+ *       pseudoId={userId}
+ *       conversationId={roomId}
  *       enableVoice
  *       loadHistoryOnMount
  *     />
@@ -26,7 +26,6 @@ import { AgentAssistantShell } from './components/AgentAssistantShell';
  * }
  * ```
  */
-export function NxtlinqAgentAssistant({ title, placeholder, presetMessages, loadHistoryOnMount = false, historyLast, enableVoice = true, startInVoiceMode = false, startWithMicMuted = true, holdMicDuringAssistant = true, showVoiceWaveform = true, showVoiceImageInput = false, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, voiceRemoteAudioGain, textTtsVolume, theme, style, headerStyle, onMessage, onError, onToolUse, children, storage, fetchImpl, getTimezone, webrtcModule, webrtc, resetOnIdentityChange, ...agentConfig }) {
-    const webrtcEnabled = Boolean(webrtcModule || webrtc);
-    return (_jsxs(NxtlinqAgentProvider, { storage: storage, fetchImpl: fetchImpl, getTimezone: getTimezone, webrtcModule: webrtcModule, webrtc: webrtc, resetOnIdentityChange: resetOnIdentityChange, onMessage: onMessage, onError: onError, onToolUse: onToolUse, ...agentConfig, children: [_jsx(AgentAssistantShell, { title: title, placeholder: placeholder, presetMessages: presetMessages, loadHistoryOnMount: loadHistoryOnMount, historyLast: historyLast, enableVoice: enableVoice, startInVoiceMode: startInVoiceMode, startWithMicMuted: startWithMicMuted, holdMicDuringAssistant: holdMicDuringAssistant, showVoiceWaveform: showVoiceWaveform, showVoiceImageInput: showVoiceImageInput, voiceDemoProductImageUrl: voiceDemoProductImageUrl, voiceAutoGreet: voiceAutoGreet, iosSilentAudioSource: iosSilentAudioSource, voiceRemoteAudioGain: voiceRemoteAudioGain, textTtsVolume: textTtsVolume, theme: theme, style: style, headerStyle: headerStyle, webrtcEnabled: webrtcEnabled }), children] }));
+export function NxtlinqAgentAssistant({ title, placeholder, presetMessages, loadHistoryOnMount = false, historyLast, enableVoice = true, startInVoiceMode = false, startWithMicMuted = true, holdMicDuringAssistant = true, showVoiceWaveform = true, showVoiceImageInput = false, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, textTtsVolume, theme, style, headerStyle, onMessage, onError, onToolUse, children, storage, fetchImpl, getTimezone, resetOnIdentityChange, ...agentConfig }) {
+    return (_jsxs(NxtlinqAgentProvider, { storage: storage, fetchImpl: fetchImpl, getTimezone: getTimezone, resetOnIdentityChange: resetOnIdentityChange, onMessage: onMessage, onError: onError, onToolUse: onToolUse, ...agentConfig, children: [_jsx(AgentAssistantShell, { title: title, placeholder: placeholder, presetMessages: presetMessages, loadHistoryOnMount: loadHistoryOnMount, historyLast: historyLast, enableVoice: enableVoice, startInVoiceMode: startInVoiceMode, startWithMicMuted: startWithMicMuted, holdMicDuringAssistant: holdMicDuringAssistant, showVoiceWaveform: showVoiceWaveform, showVoiceImageInput: showVoiceImageInput, voiceDemoProductImageUrl: voiceDemoProductImageUrl, voiceAutoGreet: voiceAutoGreet, iosSilentAudioSource: iosSilentAudioSource, textTtsVolume: textTtsVolume, theme: theme, style: style, headerStyle: headerStyle }), children] }));
 }

package/dist/components/AgentAssistantShell.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
 import type { NxtlinqAgentAssistantProps } from '../types';
-export type AgentAssistantShellProps = Pick<NxtlinqAgentAssistantProps, 'title' | 'placeholder' | 'presetMessages' | 'enableVoice' | 'theme' | 'style' | 'headerStyle' | 'loadHistoryOnMount' | 'historyLast' | 'startInVoiceMode' | 'startWithMicMuted' | 'holdMicDuringAssistant' | 'showVoiceWaveform' | 'showVoiceImageInput' | 'voiceDemoProductImageUrl' | 'voiceAutoGreet' | 'iosSilentAudioSource' | 'voiceRemoteAudioGain' | 'textTtsVolume'> & {
-    webrtcEnabled: boolean;
-};
+export type AgentAssistantShellProps = Pick<NxtlinqAgentAssistantProps, 'title' | 'placeholder' | 'presetMessages' | 'enableVoice' | 'theme' | 'style' | 'headerStyle' | 'loadHistoryOnMount' | 'historyLast' | 'startInVoiceMode' | 'startWithMicMuted' | 'holdMicDuringAssistant' | 'showVoiceWaveform' | 'showVoiceImageInput' | 'voiceDemoProductImageUrl' | 'voiceAutoGreet' | 'iosSilentAudioSource' | 'textTtsVolume'>;
 export declare function AgentAssistantShell(props: AgentAssistantShellProps): React.ReactElement;
 //# sourceMappingURL=AgentAssistantShell.d.ts.map

package/dist/components/AgentAssistantShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentAssistantShell.d.ts","sourceRoot":"","sources":["../../src/components/AgentAssistantShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAY3D,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,0BAA0B,EACxB,OAAO,GACP,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,OAAO,GACP,OAAO,GACP,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,kBAAkB,GAClB,mBAAmB,GACnB,wBAAwB,GACxB,mBAAmB,GACnB,qBAAqB,GACrB,0BAA0B,GAC1B,gBAAgB,GAChB,sBAAsB,GACtB,sBAAsB,GACtB,eAAe,CAClB,GAAG;IACF,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAiGF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAmBvF"}
+{"version":3,"file":"AgentAssistantShell.d.ts","sourceRoot":"","sources":["../../src/components/AgentAssistantShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAS3D,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,0BAA0B,EACxB,OAAO,GACP,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,OAAO,GACP,OAAO,GACP,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,kBAAkB,GAClB,mBAAmB,GACnB,wBAAwB,GACxB,mBAAmB,GACnB,qBAAqB,GACrB,0BAA0B,GAC1B,gBAAgB,GAChB,sBAAsB,GACtB,eAAe,CAClB,CAAC;AAwFF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAkBvF"}

package/dist/components/AgentAssistantShell.js

@@ -4,15 +4,12 @@ import { StyleSheet, Text, View } from 'react-native';
 import { AgentAssistantProvider, useAgentAssistant, } from '../context/AgentAssistantContext';
 import { AgentComposer } from './AgentComposer';
 import { AgentMessageList } from './AgentMessageList';
-import { AgentRemoteAudio } from './AgentRemoteAudio';
 import { AgentVoiceBar } from './AgentVoiceBar';
 import { PresetMessageChips } from './PresetMessageChips';
-import { VoiceGreetTrigger } from './VoiceGreetTrigger';
-import { VoiceImageInput } from './VoiceImageInput';
 import { VoiceWaveform } from './VoiceWaveform';
 import { AudioSessionWaker } from '../voice/AudioSessionWaker';
 import { VoiceAutoGreetBinder } from '../voice/VoiceAutoGreetBinder';
-function AgentAssistantInner({ title, headerStyle, style, loadHistoryOnMount, historyLast, startInVoiceMode, startWithMicMuted, showVoiceWaveform, showVoiceImageInput, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, voiceRemoteAudioGain, }) {
+function AgentAssistantInner({ title, headerStyle, style, loadHistoryOnMount, historyLast, startInVoiceMode, showVoiceWaveform, showVoiceImageInput, voiceDemoProductImageUrl, voiceAutoGreet, iosSilentAudioSource, }) {
     const { theme, loadHistory, startVoice, isVoiceAvailable, } = useAgentAssistant();
     const [historyReady, setHistoryReady] = React.useState(!loadHistoryOnMount);
     useEffect(() => {
@@ -51,7 +48,7 @@ function AgentAssistantInner({ title, headerStyle, style, loadHistoryOnMount, hi
                         fontSize: theme.typography.titleSize,
                         fontWeight: '600',
                         color: theme.colors.assistantText,
-                    }, children: title ?? 'AI Assistant' }) }), _jsx(PresetMessageChips, {}), _jsx(AgentMessageList, {}), showVoiceWaveform !== false ? _jsx(VoiceWaveform, {}) : null, _jsx(AgentVoiceBar, {}), showVoiceImageInput && autoGreetConfig ? (_jsx(VoiceGreetTrigger, { config: autoGreetConfig })) : null, showVoiceImageInput ? (_jsx(VoiceImageInput, { demoImageUrl: voiceDemoProductImageUrl })) : null, _jsx(AgentComposer, {}), _jsx(AgentRemoteAudio, { remoteAudioGain: voiceRemoteAudioGain }), autoGreetConfig ? (_jsx(VoiceAutoGreetBinder, { config: autoGreetConfig, historyReady: historyReady })) : null] }));
+                    }, children: title ?? 'AI Assistant' }) }), _jsx(PresetMessageChips, {}), _jsx(AgentMessageList, {}), showVoiceWaveform !== false ? _jsx(VoiceWaveform, {}) : null, _jsx(AgentVoiceBar, {}), _jsx(AgentComposer, {}), autoGreetConfig ? (_jsx(VoiceAutoGreetBinder, { config: autoGreetConfig, historyReady: historyReady })) : null] }));
 }
 export function AgentAssistantShell(props) {
     return (_jsx(AgentAssistantProvider, { ui: {
@@ -63,8 +60,7 @@ export function AgentAssistantShell(props) {
             startWithMicMuted: props.startWithMicMuted,
             holdMicDuringAssistant: props.holdMicDuringAssistant,
             textTtsVolume: props.textTtsVolume,
-            voiceRemoteAudioGain: props.voiceRemoteAudioGain,
-            webrtcEnabled: props.webrtcEnabled,
+            showVoiceImageInput: props.showVoiceImageInput,
         }, children: _jsx(AgentAssistantInner, { ...props }) }));
 }
 const styles = StyleSheet.create({

package/dist/components/AgentMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentMessageList.d.ts","sourceRoot":"","sources":["../../src/components/AgentMessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA4I9D,wBAAgB,gBAAgB,IAAI,KAAK,CAAC,YAAY,CAkCrD"}
+{"version":3,"file":"AgentMessageList.d.ts","sourceRoot":"","sources":["../../src/components/AgentMessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAmJnD,wBAAgB,gBAAgB,IAAI,KAAK,CAAC,YAAY,CA8BrD"}

package/dist/components/AgentMessageList.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, View, } from 'react-native';
 import { useAgentAssistant } from '../context/AgentAssistantContext';
+import { MessageAttachmentPreview } from './MessageAttachmentPreview';
 import { SpeakerIcon } from './VoiceIcons';
+import { useMessageListAutoScroll } from './useMessageListAutoScroll';
 function MessageBubble({ message }) {
     const { theme, interactionMode, playMessageTts, playingMessageId, isTextTtsAvailable, } = useAgentAssistant();
     const isUser = message.role === 'user';
@@ -53,10 +55,10 @@ function MessageBubble({ message }) {
                     borderRadius: theme.radius.bubble,
                     maxWidth: '85%',
                 },
-            ], children: [_jsx(Text, { style: {
+            ], children: [message.attachments?.length ? (_jsx(MessageAttachmentPreview, { attachments: message.attachments, theme: theme })) : null, displayText?.trim() ? (_jsx(Text, { style: {
                         color: isUser ? theme.colors.userText : theme.colors.assistantText,
                         fontSize: theme.typography.bodySize,
-                    }, children: displayText || ' ' }), message.isStreaming && message.streamingStatus ? (_jsx(Text, { style: {
+                    }, children: displayText })) : null, message.isStreaming && message.streamingStatus ? (_jsx(Text, { style: {
                         color: theme.colors.mutedText,
                         fontSize: theme.typography.captionSize,
                         marginTop: theme.spacing.xs,
@@ -72,12 +74,8 @@ function MessageBubble({ message }) {
 export function AgentMessageList() {
     const { messages, isLoading, theme } = useAgentAssistant();
     const listRef = useRef(null);
-    useEffect(() => {
-        if (messages.length > 0) {
-            listRef.current?.scrollToEnd({ animated: true });
-        }
-    }, [messages.length, messages[messages.length - 1]?.content]);
-    return (_jsx(View, { style: [styles.container, { backgroundColor: theme.colors.background }], children: _jsx(FlatList, { ref: listRef, data: messages, keyExtractor: (item) => item.id, renderItem: ({ item }) => _jsx(MessageBubble, { message: item }), contentContainerStyle: { padding: theme.spacing.md, paddingBottom: theme.spacing.lg }, ListEmptyComponent: _jsx(Text, { style: [styles.empty, { color: theme.colors.mutedText }], children: "Send a message to start the conversation." }), ListFooterComponent: isLoading ? (_jsx(ActivityIndicator, { style: { marginTop: theme.spacing.sm }, color: theme.colors.primary })) : null }) }));
+    const { onContentSizeChange } = useMessageListAutoScroll(messages, listRef);
+    return (_jsx(View, { style: [styles.container, { backgroundColor: theme.colors.background }], children: _jsx(FlatList, { ref: listRef, data: messages, keyExtractor: (item) => item.id, renderItem: ({ item }) => _jsx(MessageBubble, { message: item }), onContentSizeChange: onContentSizeChange, contentContainerStyle: { padding: theme.spacing.md, paddingBottom: theme.spacing.lg }, ListEmptyComponent: _jsx(Text, { style: [styles.empty, { color: theme.colors.mutedText }], children: "Send a message to start the conversation." }), ListFooterComponent: isLoading ? (_jsx(ActivityIndicator, { style: { marginTop: theme.spacing.sm }, color: theme.colors.primary })) : null }) }));
 }
 const styles = StyleSheet.create({
     container: { flex: 1, minHeight: 0 },

package/dist/components/AgentVoiceBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentVoiceBar.d.ts","sourceRoot":"","sources":["../../src/components/AgentVoiceBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA+BhE,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAsKzD"}
+{"version":3,"file":"AgentVoiceBar.d.ts","sourceRoot":"","sources":["../../src/components/AgentVoiceBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AA+B3C,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAoIzD"}

package/dist/components/AgentVoiceBar.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback } from 'react';
 import { ActivityIndicator, Pressable, StyleSheet, Text, View, } from 'react-native';
 import { useAgentAssistant, voiceStatusLabel, } from '../context/AgentAssistantContext';
-import { SPEAKER_ACTIVE_STATUSES } from '../voice/voiceMicConstants';
-import { MicIcon, MicOffIcon, SpeakerIcon, StopIcon } from './VoiceIcons';
+import { MicIcon, MicOffIcon } from './VoiceIcons';
+import { VoiceAttachmentButton } from './VoiceAttachmentButton';
 function statusDotColor(status, theme) {
     switch (status) {
         case 'listening':
@@ -17,21 +17,7 @@ function statusDotColor(status, theme) {
     }
 }
 export function AgentVoiceBar() {
-    const { theme, interactionMode, voiceStatus, voiceSessionId, isVoiceConnecting, isVoiceChannelReady, stopVoice, interrupt, isVoiceAvailable, isMicMuted, isMicHeldForAssistant, toggleVoiceMicMute, } = useAgentAssistant();
-    const [speakerPulseOpacity, setSpeakerPulseOpacity] = useState(1);
-    const isSpeakerActive = SPEAKER_ACTIVE_STATUSES.has(voiceStatus);
-    useEffect(() => {
-        if (!isSpeakerActive) {
-            setSpeakerPulseOpacity(1);
-            return;
-        }
-        let high = true;
-        const id = setInterval(() => {
-            setSpeakerPulseOpacity(high ? 0.35 : 1);
-            high = !high;
-        }, 600);
-        return () => clearInterval(id);
-    }, [isSpeakerActive]);
+    const { theme, interactionMode, voiceStatus, voiceSessionId, isVoiceConnecting, isVoiceChannelReady, stopVoice, isVoiceAvailable, isMicMuted, isMicHeldForAssistant, toggleVoiceMicMute, showVoiceImageInput, } = useAgentAssistant();
     const returnToTextMode = useCallback(() => {
         void stopVoice();
     }, [stopVoice]);
@@ -49,7 +35,7 @@ export function AgentVoiceBar() {
         : awaitingChannel
             ? 'Waiting for voice channel…'
             : isMicHeldForAssistant
-                ? 'Mic paused while assistant responds (use Interrupt to speak)'
+                ? 'Assistant is responding — tap mic to interrupt and speak'
                 : isMicMuted
                     ? 'Mic is off — tap the mic when ready to speak'
                     : voiceStatus === 'listening'
@@ -86,17 +72,12 @@ export function AgentVoiceBar() {
                                     fontSize: theme.typography.captionSize - 1,
                                     flexShrink: 1,
                                     alignSelf: 'stretch',
-                                }, numberOfLines: 2, children: statusHint })) : null] }), _jsxs(View, { style: styles.iconRow, children: [_jsx(View, { style: { opacity: isSpeakerActive ? speakerPulseOpacity : 0.35 }, children: _jsx(SpeakerIcon, { size: 24, color: theme.colors.voiceSpeaking }) }), _jsx(Pressable, { onPress: toggleVoiceMicMute, disabled: showConnecting || awaitingChannel || isMicHeldForAssistant, style: ({ pressed }) => [
-                                    styles.iconButton,
-                                    {
-                                        opacity: pressed || showConnecting || awaitingChannel || isMicHeldForAssistant
-                                            ? 0.45
-                                            : 1,
-                                    },
-                                ], children: isMicMuted ? (_jsx(MicOffIcon, { size: 24, color: "#ef4444" })) : (_jsx(MicIcon, { size: 24, color: theme.colors.assistantText })) }), _jsx(Pressable, { onPress: () => interrupt(), disabled: showConnecting || awaitingChannel, style: ({ pressed }) => [
-                                    styles.iconButton,
-                                    { opacity: pressed || showConnecting || awaitingChannel ? 0.45 : 1 },
-                                ], children: _jsx(StopIcon, { size: 24, color: theme.colors.assistantText }) })] })] }), _jsx(Pressable, { onPress: returnToTextMode, style: styles.textLink, children: _jsx(Text, { style: { color: theme.colors.primary, fontSize: theme.typography.captionSize }, children: "Back to text mode" }) })] }));
+                                }, numberOfLines: 2, children: statusHint })) : null] }), showVoiceImageInput ? _jsx(VoiceAttachmentButton, {}) : null, _jsx(Pressable, { onPress: toggleVoiceMicMute, disabled: showConnecting || awaitingChannel, style: ({ pressed }) => [
+                            styles.micButton,
+                            {
+                                opacity: pressed || showConnecting || awaitingChannel ? 0.45 : 1,
+                            },
+                        ], children: isMicMuted ? (_jsx(MicOffIcon, { size: 28, color: "#ef4444" })) : (_jsx(MicIcon, { size: 28, color: theme.colors.assistantText })) })] }), _jsx(Pressable, { onPress: returnToTextMode, style: styles.textLink, children: _jsx(Text, { style: { color: theme.colors.primary, fontSize: theme.typography.captionSize }, children: "Back to text mode" }) })] }));
 }
 const styles = StyleSheet.create({
     container: { borderTopWidth: StyleSheet.hairlineWidth },
@@ -124,10 +105,9 @@ const styles = StyleSheet.create({
         alignSelf: 'stretch',
     },
     dot: { width: 8, height: 8, borderRadius: 4 },
-    iconRow: { flexDirection: 'row', alignItems: 'center', gap: 2 },
-    iconButton: {
-        padding: 8,
-        borderRadius: 8,
+    micButton: {
+        padding: 10,
+        borderRadius: 12,
     },
     textLink: { marginTop: 10, alignSelf: 'center' },
 });

package/dist/components/MessageAttachmentPreview.d.ts

@@ -0,0 +1,10 @@
+import type { Attachment } from '@bytexbyte/nxtlinq-ai-agent-core-development';
+import React from 'react';
+import type { AgentAssistantTheme } from '../types';
+type MessageAttachmentPreviewProps = {
+    attachments: Attachment[];
+    theme: AgentAssistantTheme;
+};
+export declare function MessageAttachmentPreview({ attachments, theme, }: MessageAttachmentPreviewProps): React.ReactElement | null;
+export {};
+//# sourceMappingURL=MessageAttachmentPreview.d.ts.map

package/dist/components/MessageAttachmentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageAttachmentPreview.d.ts","sourceRoot":"","sources":["../../src/components/MessageAttachmentPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,6BAA6B,GAAG;IACnC,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,KAAK,GACN,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwB3D"}

package/dist/components/MessageAttachmentPreview.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, StyleSheet, Text, View } from 'react-native';
+export function MessageAttachmentPreview({ attachments, theme, }) {
+    const images = attachments.filter((item) => item.type === 'image');
+    if (!images.length)
+        return null;
+    return (_jsxs(View, { style: styles.wrap, children: [images.map((item, index) => (_jsx(Image, { source: { uri: item.url }, style: [
+                    styles.image,
+                    { borderRadius: theme.radius.bubble, backgroundColor: theme.colors.surface },
+                ], resizeMode: "cover" }, `${item.name}-${index}`))), attachments.some((item) => item.type === 'file') ? (_jsx(Text, { style: { color: theme.colors.mutedText, fontSize: theme.typography.captionSize }, children: attachments.filter((item) => item.type === 'file').map((item) => item.name).join(', ') })) : null] }));
+}
+const styles = StyleSheet.create({
+    wrap: { marginBottom: 6, gap: 6 },
+    image: { width: 160, height: 160 },
+});

package/dist/components/VoiceAddMediaModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AgentAssistantTheme } from '../types';
+type VoiceAddMediaModalProps = {
+    visible: boolean;
+    theme: AgentAssistantTheme;
+    onClose: () => void;
+    onPickPhotos: () => void;
+    onTakePhoto: () => void;
+};
+export declare function VoiceAddMediaModal({ visible, theme, onClose, onPickPhotos, onTakePhoto, }: VoiceAddMediaModalProps): React.ReactElement | null;
+export {};
+//# sourceMappingURL=VoiceAddMediaModal.d.ts.map

package/dist/components/VoiceAddMediaModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceAddMediaModal.d.ts","sourceRoot":"","sources":["../../src/components/VoiceAddMediaModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAAW,GACZ,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA4BrD"}

package/dist/components/VoiceAddMediaModal.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Pressable, StyleSheet, Text, View } from 'react-native';
+export function VoiceAddMediaModal({ visible, theme, onClose, onPickPhotos, onTakePhoto, }) {
+    if (!visible)
+        return null;
+    return (_jsx(Modal, { transparent: true, visible: visible, animationType: "fade", onRequestClose: onClose, children: _jsx(Pressable, { style: styles.overlay, onPress: onClose, children: _jsxs(Pressable, { style: [
+                    styles.modal,
+                    { backgroundColor: theme.colors.assistantBubble, borderRadius: theme.radius.panel },
+                ], onPress: () => undefined, children: [_jsx(Pressable, { style: styles.option, onPress: onPickPhotos, children: _jsx(Text, { style: { color: theme.colors.assistantText, fontSize: theme.typography.bodySize }, children: "Photos" }) }), _jsx(View, { style: [styles.separator, { backgroundColor: theme.colors.border }] }), _jsx(Pressable, { style: styles.option, onPress: onTakePhoto, children: _jsx(Text, { style: { color: theme.colors.assistantText, fontSize: theme.typography.bodySize }, children: "Camera" }) })] }) }) }));
+}
+const styles = StyleSheet.create({
+    overlay: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.45)',
+        justifyContent: 'flex-end',
+        alignItems: 'flex-start',
+        paddingBottom: 120,
+        paddingLeft: 16,
+    },
+    modal: {
+        width: 160,
+        paddingVertical: 4,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: -2 },
+        shadowOpacity: 0.2,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    option: { paddingVertical: 12, paddingHorizontal: 16 },
+    separator: { height: StyleSheet.hairlineWidth, marginHorizontal: 16 },
+});

package/dist/components/VoiceAttachmentButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function VoiceAttachmentButton(): React.ReactElement;
+//# sourceMappingURL=VoiceAttachmentButton.d.ts.map

package/dist/components/VoiceAttachmentButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceAttachmentButton.d.ts","sourceRoot":"","sources":["../../src/components/VoiceAttachmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,YAAY,CAiF1D"}

package/dist/components/VoiceAttachmentButton.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
+import { useAgentAssistant } from '../context/AgentAssistantContext';
+import { sendVoiceImageAttachment } from '../voice/sendVoiceImageAttachment';
+import { useVoiceImagePicker } from '../voice/useVoiceImagePicker';
+import { AddIcon } from './VoiceIcons';
+import { VoiceAddMediaModal } from './VoiceAddMediaModal';
+export function VoiceAttachmentButton() {
+    const { theme, messages, setMessages, sendVoiceUserInput, voiceSessionId, isVoiceChannelReady, isVoiceConnecting, } = useAgentAssistant();
+    const [busy, setBusy] = useState(false);
+    const handlePicked = useCallback(async (fileUri) => {
+        if (!isVoiceChannelReady || busy)
+            return;
+        setBusy(true);
+        try {
+            await sendVoiceImageAttachment({
+                fileUri,
+                messages,
+                voiceSessionId,
+                setMessages,
+                sendVoiceUserInput,
+            });
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            console.warn('[nxtlinq] sendVoiceImageAttachment failed:', message);
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [
+        busy,
+        isVoiceChannelReady,
+        messages,
+        sendVoiceUserInput,
+        setMessages,
+        voiceSessionId,
+    ]);
+    const { modalVisible, openModal, closeModal, pickFromLibrary, takePhoto, pickerMissing, } = useVoiceImagePicker(handlePicked);
+    const disabled = busy || !isVoiceChannelReady || isVoiceConnecting || pickerMissing;
+    return (_jsxs(_Fragment, { children: [_jsx(Pressable, { onPress: openModal, disabled: disabled, accessibilityLabel: "Add attachment", style: ({ pressed }) => [
+                    styles.button,
+                    {
+                        backgroundColor: theme.colors.assistantBubble,
+                        opacity: pressed || disabled ? 0.45 : 1,
+                    },
+                ], children: busy ? (_jsx(ActivityIndicator, { color: theme.colors.assistantText, size: "small" })) : (_jsx(AddIcon, { size: 22, color: theme.colors.assistantText })) }), _jsx(VoiceAddMediaModal, { visible: modalVisible, theme: theme, onClose: closeModal, onPickPhotos: () => void pickFromLibrary(), onTakePhoto: () => void takePhoto() })] }));
+}
+const styles = StyleSheet.create({
+    button: {
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});

package/dist/components/VoiceIcons.d.ts

@@ -8,5 +8,6 @@ export declare function MicOffIcon({ size, color }: IconProps): React.ReactEleme
 export declare function StopIcon({ size, color }: IconProps): React.ReactElement;
 /** Loudspeaker — assistant audio output (Material volume-up). */
 export declare function SpeakerIcon({ size, color, }: IconProps): React.ReactElement;
+export declare function AddIcon({ size, color }: IconProps): React.ReactElement;
 export {};
 //# sourceMappingURL=VoiceIcons.d.ts.map

package/dist/components/VoiceIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceIcons.d.ts","sourceRoot":"","sources":["../../src/components/VoiceIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvF;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1F;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAExF;AAED,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,KAAiB,GAClB,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEhC"}
+{"version":3,"file":"VoiceIcons.d.ts","sourceRoot":"","sources":["../../src/components/VoiceIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvF;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1F;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAExF;AAED,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,KAAiB,GAClB,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEhC;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvF"}

package/dist/components/VoiceIcons.js

@@ -15,3 +15,6 @@ export function StopIcon({ size = 24, color = '#4b5563' }) {
 export function SpeakerIcon({ size = 24, color = '#ec4899', }) {
     return _jsx(MaterialIcon, { name: "volume-up", size: size, color: color });
 }
+export function AddIcon({ size = 24, color = '#4b5563' }) {
+    return _jsx(MaterialIcon, { name: "add", size: size, color: color });
+}

package/dist/components/VoiceWaveform.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
- * Polls `getOutputAudioLevel()` while the assistant is speaking (Berify-aligned).
- * JeannieVoiceWaveform uses `active && audible` — not during user mic / idle.
+ * Polls local player RMS (Berify JeannieVoiceWaveform pattern).
+ * Animates while assistant audio is audible; voice status extends hold at turn start.
  */
 export declare function VoiceWaveform(): React.ReactElement | null;
 //# sourceMappingURL=VoiceWaveform.d.ts.map

package/dist/components/VoiceWaveform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceWaveform.d.ts","sourceRoot":"","sources":["../../src/components/VoiceWaveform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D;;;GAGG;AACH,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAsDzD"}
+{"version":3,"file":"VoiceWaveform.d.ts","sourceRoot":"","sources":["../../src/components/VoiceWaveform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D;;;GAGG;AACH,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAgEzD"}

package/dist/components/VoiceWaveform.js

@@ -5,28 +5,39 @@ import { useAgentAssistant } from '../context/AgentAssistantContext';
 import { WAVEFORM_ACTIVE_STATUSES, WAVEFORM_AUDIBLE_HOLD_MS, WAVEFORM_AUDIBLE_THRESHOLD, } from '../voice/voiceWaveformConstants';
 const BAR_COUNT = 12;
 /**
- * Polls `getOutputAudioLevel()` while the assistant is speaking (Berify-aligned).
- * JeannieVoiceWaveform uses `active && audible` — not during user mic / idle.
+ * Polls local player RMS (Berify JeannieVoiceWaveform pattern).
+ * Animates while assistant audio is audible; voice status extends hold at turn start.
  */
 export function VoiceWaveform() {
     const { theme, interactionMode, voiceStatus, getOutputAudioLevel } = useAgentAssistant();
     const [levels, setLevels] = useState(() => Array(BAR_COUNT).fill(0));
     const lastAudibleAtRef = useRef(0);
+    const smoothedRef = useRef(0);
     useEffect(() => {
         if (interactionMode !== 'voice') {
             setLevels(Array(BAR_COUNT).fill(0));
+            smoothedRef.current = 0;
             return;
         }
         const id = setInterval(() => {
             const now = Date.now();
-            const statusActive = WAVEFORM_ACTIVE_STATUSES.has(voiceStatus);
             const rawLevel = getOutputAudioLevel();
             if (rawLevel > WAVEFORM_AUDIBLE_THRESHOLD) {
                 lastAudibleAtRef.current = now;
             }
+            if (WAVEFORM_ACTIVE_STATUSES.has(voiceStatus)) {
+                lastAudibleAtRef.current = now;
+            }
             const audible = now - lastAudibleAtRef.current < WAVEFORM_AUDIBLE_HOLD_MS;
-            const effectiveActive = statusActive && audible;
-            const scaled = effectiveActive ? rawLevel : 0;
+            if (rawLevel > smoothedRef.current) {
+                smoothedRef.current = rawLevel;
+            }
+            else {
+                smoothedRef.current *= 0.9;
+            }
+            const scaled = audible
+                ? Math.min(1, Math.max(0.12, smoothedRef.current))
+                : 0;
             setLevels((prev) => [...prev.slice(1), scaled]);
         }, 100);
         return () => clearInterval(id);

package/dist/components/useMessageListAutoScroll.d.ts

@@ -0,0 +1,12 @@
+import type { Message } from '@bytexbyte/nxtlinq-ai-agent-core-development';
+import { type RefObject } from 'react';
+type ScrollableList = {
+    scrollToEnd: (opts: {
+        animated: boolean;
+    }) => void;
+};
+export declare function useMessageListAutoScroll(messages: Message[], listRef: RefObject<ScrollableList | null>): {
+    onContentSizeChange: () => void;
+};
+export {};
+//# sourceMappingURL=useMessageListAutoScroll.d.ts.map

package/dist/components/useMessageListAutoScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageListAutoScroll.d.ts","sourceRoot":"","sources":["../../src/components/useMessageListAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpD,CAAC;AAeF,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,OAAO,EAAE,EACnB,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GACxC;IAAE,mBAAmB,EAAE,MAAM,IAAI,CAAA;CAAE,CAiCrC"}

package/dist/components/useMessageListAutoScroll.js

@@ -0,0 +1,42 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+function latestMessageScrollKey(messages) {
+    const last = messages[messages.length - 1];
+    if (!last)
+        return '0';
+    return [
+        messages.length,
+        last.id,
+        last.content,
+        last.partialContent ?? '',
+        last.attachments?.length ?? 0,
+        last.isStreaming ? '1' : '0',
+    ].join('|');
+}
+export function useMessageListAutoScroll(messages, listRef) {
+    const scrollKey = useMemo(() => latestMessageScrollKey(messages), [messages]);
+    const pendingFrameRef = useRef(null);
+    const scrollToLatest = useCallback((animated) => {
+        if (messages.length === 0)
+            return;
+        if (pendingFrameRef.current != null) {
+            cancelAnimationFrame(pendingFrameRef.current);
+        }
+        pendingFrameRef.current = requestAnimationFrame(() => {
+            pendingFrameRef.current = null;
+            listRef.current?.scrollToEnd({ animated });
+        });
+    }, [listRef, messages.length]);
+    useEffect(() => {
+        scrollToLatest(true);
+        return () => {
+            if (pendingFrameRef.current != null) {
+                cancelAnimationFrame(pendingFrameRef.current);
+                pendingFrameRef.current = null;
+            }
+        };
+    }, [scrollKey, scrollToLatest]);
+    const onContentSizeChange = useCallback(() => {
+        scrollToLatest(false);
+    }, [scrollToLatest]);
+    return { onContentSizeChange };
+}

package/dist/context/AgentAssistantContext.d.ts

@@ -21,6 +21,8 @@ export type AgentAssistantContextValue = UseNxtlinqAgentResult & UseNxtlinqVoice
     selectPreset: (preset: PresetMessage) => Promise<void>;
     /** True when voice data channel is open and ready for user_input. */
     isVoiceChannelReady: boolean;
+    /** Show "+" image picker in voice bar (SDK-2). */
+    showVoiceImageInput: boolean;
     postTextTts: (text: string) => Promise<{
         audio: ArrayBuffer;
         mimeType: string;
@@ -35,9 +37,7 @@ export type AgentAssistantContextValue = UseNxtlinqAgentResult & UseNxtlinqVoice
 };
 export type AgentAssistantProviderProps = {
     children: ReactNode;
-    ui: Pick<NxtlinqAgentAssistantProps, 'title' | 'placeholder' | 'presetMessages' | 'enableVoice' | 'theme' | 'startWithMicMuted' | 'holdMicDuringAssistant' | 'textTtsVolume' | 'voiceRemoteAudioGain'> & {
-        webrtcEnabled: boolean;
-    };
+    ui: Pick<NxtlinqAgentAssistantProps, 'title' | 'placeholder' | 'presetMessages' | 'enableVoice' | 'theme' | 'startWithMicMuted' | 'holdMicDuringAssistant' | 'textTtsVolume' | 'showVoiceImageInput'>;
 };
 export declare function AgentAssistantProvider({ children, ui, }: AgentAssistantProviderProps): React.ReactElement;
 export declare function useAgentAssistant(): AgentAssistantContextValue;

package/dist/context/AgentAssistantContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentAssistantContext.d.ts","sourceRoot":"","sources":["../../src/context/AgentAssistantContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,sDAAsD,CAAC;AAC9D,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK/F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,GAC5D,qBAAqB,GAAG;IACxB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,qEAAqE;IACrE,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjF,uBAAuB,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACtF,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,IAAI,CACN,0BAA0B,EACxB,OAAO,GACP,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,OAAO,GACP,mBAAmB,GACnB,wBAAwB,GACxB,eAAe,GACf,sBAAsB,CACzB,GAAG;QACF,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,EAAE,GACH,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAiRlD;AAED,wBAAgB,iBAAiB,IAAI,0BAA0B,CAQ9D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAU5D"}
+{"version":3,"file":"AgentAssistantContext.d.ts","sourceRoot":"","sources":["../../src/context/AgentAssistantContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,sDAAsD,CAAC;AAC9D,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO/F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,GAC5D,qBAAqB,GAAG;IACxB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,qEAAqE;IACrE,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kDAAkD;IAClD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjF,uBAAuB,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACtF,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,IAAI,CACN,0BAA0B,EACxB,OAAO,GACP,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,OAAO,GACP,mBAAmB,GACnB,wBAAwB,GACxB,eAAe,GACf,qBAAqB,CACxB,CAAC;CACH,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,EAAE,GACH,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAmVlD;AAED,wBAAgB,iBAAiB,IAAI,0BAA0B,CAQ9D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAU5D"}