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

package/dist/NxtlinqAgentAssistant.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { NxtlinqAgentAssistantProps } from './types';
+/**
+ * Drop-in React Native assistant UI wired to `@bytexbyte/nxtlinq-ai-agent-react-native-development`.
+ *
+ * @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}
+ *       enableVoice
+ *       loadHistoryOnMount
+ *     />
+ *   );
+ * }
+ * ```
+ */
+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;
+//# sourceMappingURL=NxtlinqAgentAssistant.d.ts.map

package/dist/NxtlinqAgentAssistant.d.ts.map

@@ -0,0 +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"}

package/dist/NxtlinqAgentAssistant.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NxtlinqAgentProvider } from '@bytexbyte/nxtlinq-ai-agent-react-native-development';
+import { AgentAssistantShell } from './components/AgentAssistantShell';
+/**
+ * Drop-in React Native assistant UI wired to `@bytexbyte/nxtlinq-ai-agent-react-native-development`.
+ *
+ * @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}
+ *       enableVoice
+ *       loadHistoryOnMount
+ *     />
+ *   );
+ * }
+ * ```
+ */
+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] }));
+}

package/dist/components/AgentAssistantShell.d.ts

@@ -0,0 +1,7 @@
+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 declare function AgentAssistantShell(props: AgentAssistantShellProps): React.ReactElement;
+//# sourceMappingURL=AgentAssistantShell.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/AgentAssistantShell.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+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, }) {
+    const { theme, loadHistory, startVoice, isVoiceAvailable, } = useAgentAssistant();
+    const [historyReady, setHistoryReady] = React.useState(!loadHistoryOnMount);
+    useEffect(() => {
+        if (loadHistoryOnMount) {
+            void loadHistory({ last: historyLast ?? 50 }).finally(() => setHistoryReady(true));
+        }
+    }, [loadHistory, loadHistoryOnMount, historyLast]);
+    const autoGreetConfig = React.useMemo(() => {
+        if (!voiceAutoGreet)
+            return null;
+        if (voiceAutoGreet === true) {
+            return {
+                productImageUrl: voiceDemoProductImageUrl,
+                skipUserMessage: true,
+            };
+        }
+        return {
+            ...voiceAutoGreet,
+            productImageUrl: voiceAutoGreet.productImageUrl ?? voiceDemoProductImageUrl,
+            skipUserMessage: voiceAutoGreet.skipUserMessage ?? true,
+        };
+    }, [voiceAutoGreet, voiceDemoProductImageUrl]);
+    const voiceAutoStartRef = React.useRef(false);
+    useEffect(() => {
+        if (!startInVoiceMode || !isVoiceAvailable || voiceAutoStartRef.current) {
+            return;
+        }
+        voiceAutoStartRef.current = true;
+        void startVoice();
+    }, [startInVoiceMode, isVoiceAvailable, startVoice]);
+    return (_jsxs(View, { style: [styles.root, { backgroundColor: theme.colors.background }, style], children: [iosSilentAudioSource ? (_jsx(AudioSessionWaker, { silentSource: iosSilentAudioSource })) : null, _jsx(View, { style: [
+                    styles.header,
+                    { borderBottomColor: theme.colors.border, backgroundColor: theme.colors.surface },
+                    headerStyle,
+                ], children: _jsx(Text, { style: {
+                        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] }));
+}
+export function AgentAssistantShell(props) {
+    return (_jsx(AgentAssistantProvider, { ui: {
+            title: props.title,
+            placeholder: props.placeholder,
+            presetMessages: props.presetMessages,
+            enableVoice: props.enableVoice,
+            theme: props.theme,
+            startWithMicMuted: props.startWithMicMuted,
+            holdMicDuringAssistant: props.holdMicDuringAssistant,
+            textTtsVolume: props.textTtsVolume,
+            voiceRemoteAudioGain: props.voiceRemoteAudioGain,
+            webrtcEnabled: props.webrtcEnabled,
+        }, children: _jsx(AgentAssistantInner, { ...props }) }));
+}
+const styles = StyleSheet.create({
+    root: { flex: 1, minHeight: 0 },
+    header: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderBottomWidth: StyleSheet.hairlineWidth,
+    },
+});

package/dist/components/AgentComposer.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentComposer.d.ts","sourceRoot":"","sources":["../../src/components/AgentComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,CAqFlD"}

package/dist/components/AgentComposer.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActivityIndicator, Pressable, StyleSheet, Text, TextInput, View, } from 'react-native';
+import { useAgentAssistant } from '../context/AgentAssistantContext';
+export function AgentComposer() {
+    const { theme, placeholder, inputText, setInputText, sendText, isLoading, isVoiceAvailable, interactionMode, startVoice, isVoiceConnecting, } = useAgentAssistant();
+    if (interactionMode === 'voice') {
+        return _jsx(View, {});
+    }
+    return (_jsxs(View, { style: [
+            styles.container,
+            {
+                borderTopColor: theme.colors.border,
+                backgroundColor: theme.colors.surface,
+                padding: theme.spacing.md,
+            },
+        ], children: [_jsxs(View, { style: styles.row, children: [_jsx(TextInput, { style: [
+                            styles.input,
+                            {
+                                borderColor: theme.colors.border,
+                                borderRadius: theme.radius.panel,
+                                fontSize: theme.typography.bodySize,
+                                color: theme.colors.assistantText,
+                            },
+                        ], value: inputText, onChangeText: setInputText, placeholder: placeholder, placeholderTextColor: theme.colors.mutedText, multiline: true, maxLength: 4000, editable: !isLoading }), _jsx(Pressable, { onPress: () => void sendText(), disabled: isLoading || !inputText.trim(), style: ({ pressed }) => [
+                            styles.sendButton,
+                            {
+                                backgroundColor: theme.colors.primary,
+                                borderRadius: theme.radius.button,
+                                opacity: pressed || isLoading || !inputText.trim() ? 0.5 : 1,
+                            },
+                        ], children: isLoading ? (_jsx(ActivityIndicator, { color: theme.colors.primaryText, size: "small" })) : (_jsx(Text, { style: { color: theme.colors.primaryText, fontWeight: '600' }, children: "Send" })) })] }), isVoiceAvailable ? (_jsx(Pressable, { onPress: () => {
+                    startVoice().catch((err) => {
+                        const message = err instanceof Error ? err.message : String(err);
+                        console.warn('[nxtlinq] startVoice failed:', message);
+                    });
+                }, disabled: isVoiceConnecting, style: styles.voiceLink, children: _jsx(Text, { style: { color: theme.colors.primary, fontSize: theme.typography.captionSize }, children: isVoiceConnecting ? 'Connecting voice…' : 'Switch to voice mode' }) })) : null] }));
+}
+const styles = StyleSheet.create({
+    container: { borderTopWidth: StyleSheet.hairlineWidth },
+    row: { flexDirection: 'row', alignItems: 'flex-end', gap: 8 },
+    input: {
+        flex: 1,
+        borderWidth: 1,
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+        maxHeight: 120,
+    },
+    sendButton: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        justifyContent: 'center',
+        alignItems: 'center',
+        minWidth: 64,
+    },
+    voiceLink: { marginTop: 8, alignSelf: 'center' },
+});

package/dist/components/AgentMessageList.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/AgentMessageList.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef } from 'react';
+import { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, View, } from 'react-native';
+import { useAgentAssistant } from '../context/AgentAssistantContext';
+import { SpeakerIcon } from './VoiceIcons';
+function MessageBubble({ message }) {
+    const { theme, interactionMode, playMessageTts, playingMessageId, isTextTtsAvailable, } = useAgentAssistant();
+    const isUser = message.role === 'user';
+    const displayText = message.partialContent && message.isStreaming
+        ? message.partialContent
+        : message.content;
+    const [ttsBusy, setTtsBusy] = React.useState(false);
+    const [ttsError, setTtsError] = React.useState(null);
+    const requestRef = useRef(0);
+    const playTts = useCallback(async () => {
+        const text = (displayText ?? '').trim();
+        if (!text || ttsBusy)
+            return;
+        if (!isTextTtsAvailable) {
+            setTtsError('Install react-native-video for TTS playback');
+            return;
+        }
+        const requestId = ++requestRef.current;
+        setTtsBusy(true);
+        setTtsError(null);
+        try {
+            await playMessageTts(message.id, text);
+        }
+        catch (e) {
+            if (requestRef.current === requestId) {
+                setTtsError(e instanceof Error ? e.message : String(e));
+            }
+        }
+        finally {
+            if (requestRef.current === requestId) {
+                setTtsBusy(false);
+            }
+        }
+    }, [displayText, ttsBusy, isTextTtsAvailable, playMessageTts, message.id]);
+    const showTts = !isUser &&
+        Boolean((displayText ?? '').trim()) &&
+        !message.isStreaming;
+    const isPlaying = playingMessageId === message.id;
+    return (_jsx(View, { style: [
+            styles.bubbleRow,
+            isUser ? styles.bubbleRowUser : styles.bubbleRowAssistant,
+        ], children: _jsxs(View, { style: [
+                styles.bubble,
+                {
+                    backgroundColor: isUser
+                        ? theme.colors.userBubble
+                        : theme.colors.assistantBubble,
+                    borderRadius: theme.radius.bubble,
+                    maxWidth: '85%',
+                },
+            ], children: [_jsx(Text, { style: {
+                        color: isUser ? theme.colors.userText : theme.colors.assistantText,
+                        fontSize: theme.typography.bodySize,
+                    }, children: displayText || ' ' }), message.isStreaming && message.streamingStatus ? (_jsx(Text, { style: {
+                        color: theme.colors.mutedText,
+                        fontSize: theme.typography.captionSize,
+                        marginTop: theme.spacing.xs,
+                    }, children: message.streamingStatus })) : null, message.error ? (_jsx(Text, { style: { color: theme.colors.error, fontSize: theme.typography.captionSize }, children: message.error })) : null, showTts ? (_jsxs(View, { style: styles.ttsRow, children: [_jsx(Pressable, { onPress: () => void playTts(), disabled: ttsBusy, style: ({ pressed }) => [
+                                styles.ttsBtn,
+                                { opacity: pressed || ttsBusy ? 0.5 : 1 },
+                            ], children: ttsBusy ? (_jsx(ActivityIndicator, { size: "small", color: theme.colors.primary })) : (_jsx(SpeakerIcon, { size: 22, color: isPlaying ? theme.colors.voiceSpeaking : theme.colors.primary })) }), ttsError ? (_jsx(Text, { style: {
+                                color: theme.colors.error,
+                                fontSize: theme.typography.captionSize - 1,
+                                flex: 1,
+                            }, numberOfLines: 2, children: ttsError })) : null] })) : null] }) }));
+}
+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 styles = StyleSheet.create({
+    container: { flex: 1, minHeight: 0 },
+    bubbleRow: { marginBottom: 10 },
+    bubbleRowUser: { alignItems: 'flex-end' },
+    bubbleRowAssistant: { alignItems: 'flex-start' },
+    bubble: { paddingHorizontal: 14, paddingVertical: 10 },
+    ttsRow: { flexDirection: 'row', alignItems: 'center', gap: 8, marginTop: 6 },
+    ttsBtn: { paddingVertical: 2 },
+    empty: { textAlign: 'center', marginTop: 40, fontSize: 15 },
+});

package/dist/components/AgentRemoteAudio.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type AgentRemoteAudioProps = {
+    /**
+     * Playback gain for assistant WebRTC audio (`MediaStreamTrack._setVolume`, 0–10).
+     * Text TTS uses react-native-video at volume 1 and sounds louder by default.
+     */
+    remoteAudioGain?: number;
+};
+/**
+ * Plays remote WebRTC assistant audio. On iOS/Android, {@link RTCView} is required
+ * (enabling tracks alone is not enough).
+ */
+export declare function AgentRemoteAudio({ remoteAudioGain, }: AgentRemoteAudioProps): React.ReactElement | null;
+//# sourceMappingURL=AgentRemoteAudio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRemoteAudio.d.ts","sourceRoot":"","sources":["../../src/components/AgentRemoteAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4BnD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAA2C,GAC5C,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAmDnD"}

package/dist/components/AgentRemoteAudio.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { useAgentAssistant } from '../context/AgentAssistantContext';
+import { applyRemoteAudioPlaybackGain, DEFAULT_REMOTE_AUDIO_GAIN, } from '@bytexbyte/nxtlinq-ai-agent-core-development';
+let RTCView = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    RTCView = require('react-native-webrtc').RTCView;
+}
+catch {
+    RTCView = null;
+}
+/**
+ * Plays remote WebRTC assistant audio. On iOS/Android, {@link RTCView} is required
+ * (enabling tracks alone is not enough).
+ */
+export function AgentRemoteAudio({ remoteAudioGain = DEFAULT_REMOTE_AUDIO_GAIN, }) {
+    const { getRemoteAudioStream, interactionMode, voiceSessionId, voiceStatus } = useAgentAssistant();
+    const [streamUrl, setStreamUrl] = useState(null);
+    useEffect(() => {
+        if (interactionMode !== 'voice' || !voiceSessionId) {
+            setStreamUrl(null);
+            return;
+        }
+        const sync = () => {
+            const stream = getRemoteAudioStream();
+            applyRemoteAudioPlaybackGain(stream, remoteAudioGain);
+            const tracks = stream?.getAudioTracks?.() ?? [];
+            for (const track of tracks) {
+                if (track.kind === 'audio' || track.kind == null) {
+                    track.enabled = true;
+                }
+            }
+            const url = stream?.toURL?.() ?? null;
+            setStreamUrl((prev) => (prev === url ? prev : url));
+        };
+        sync();
+        const id = setInterval(sync, 150);
+        return () => clearInterval(id);
+    }, [
+        getRemoteAudioStream,
+        interactionMode,
+        voiceSessionId,
+        voiceStatus,
+        remoteAudioGain,
+    ]);
+    if (!RTCView || !streamUrl || interactionMode !== 'voice') {
+        return null;
+    }
+    return (_jsx(RTCView, { streamURL: streamUrl, objectFit: "cover", zOrder: -1, style: styles.hidden }, streamUrl));
+}
+const styles = StyleSheet.create({
+    hidden: {
+        position: 'absolute',
+        width: 1,
+        height: 1,
+        opacity: 0.01,
+        left: -1000,
+        top: -1000,
+    },
+});

package/dist/components/AgentVoiceBar.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/AgentVoiceBar.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } 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';
+function statusDotColor(status, theme) {
+    switch (status) {
+        case 'listening':
+            return theme.colors.voiceActive;
+        case 'speaking':
+            return theme.colors.voiceSpeaking;
+        case 'idle':
+            return theme.colors.mutedText;
+        default:
+            return theme.colors.primary;
+    }
+}
+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 returnToTextMode = useCallback(() => {
+        void stopVoice();
+    }, [stopVoice]);
+    if (!isVoiceAvailable)
+        return null;
+    if (interactionMode !== 'voice' && !isVoiceConnecting)
+        return null;
+    const showConnecting = isVoiceConnecting;
+    const awaitingChannel = Boolean(voiceSessionId) &&
+        !isVoiceConnecting &&
+        !isVoiceChannelReady &&
+        voiceStatus === 'idle';
+    const statusHint = showConnecting
+        ? 'Tap Back to text mode below to cancel'
+        : awaitingChannel
+            ? 'Waiting for voice channel…'
+            : isMicHeldForAssistant
+                ? 'Mic paused while assistant responds (use Interrupt to speak)'
+                : isMicMuted
+                    ? 'Mic is off — tap the mic when ready to speak'
+                    : voiceStatus === 'listening'
+                        ? 'Start speaking'
+                        : voiceStatus === 'speaking'
+                            ? 'Assistant is speaking…'
+                            : voiceStatus === 'thinking'
+                                ? 'Thinking…'
+                                : '';
+    return (_jsxs(View, { style: [
+            styles.container,
+            {
+                borderTopColor: theme.colors.border,
+                backgroundColor: theme.colors.surface,
+                padding: theme.spacing.md,
+            },
+        ], children: [_jsxs(View, { style: styles.mainRow, children: [_jsxs(View, { style: [
+                            styles.statusPill,
+                            { borderColor: theme.colors.border, backgroundColor: theme.colors.background },
+                        ], children: [_jsxs(View, { style: styles.statusPillHeader, children: [_jsx(View, { style: [
+                                            styles.dot,
+                                            { backgroundColor: statusDotColor(voiceStatus, theme) },
+                                        ] }), _jsx(Text, { style: {
+                                            color: theme.colors.assistantText,
+                                            fontSize: theme.typography.captionSize,
+                                            fontWeight: '600',
+                                            flexShrink: 1,
+                                        }, numberOfLines: 1, children: showConnecting
+                                            ? 'Connecting'
+                                            : awaitingChannel
+                                                ? 'Connecting'
+                                                : voiceStatusLabel(voiceStatus) }), showConnecting ? (_jsx(ActivityIndicator, { color: theme.colors.primary, size: "small" })) : null] }), statusHint ? (_jsx(Text, { style: {
+                                    color: theme.colors.mutedText,
+                                    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" }) })] }));
+}
+const styles = StyleSheet.create({
+    container: { borderTopWidth: StyleSheet.hairlineWidth },
+    mainRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        gap: 10,
+    },
+    statusPill: {
+        flex: 1,
+        minWidth: 0,
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        gap: 4,
+        paddingHorizontal: 10,
+        paddingVertical: 8,
+        borderRadius: 12,
+        borderWidth: 1,
+    },
+    statusPillHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        alignSelf: 'stretch',
+    },
+    dot: { width: 8, height: 8, borderRadius: 4 },
+    iconRow: { flexDirection: 'row', alignItems: 'center', gap: 2 },
+    iconButton: {
+        padding: 8,
+        borderRadius: 8,
+    },
+    textLink: { marginTop: 10, alignSelf: 'center' },
+});

package/dist/components/PresetMessageChips.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetMessageChips.d.ts","sourceRoot":"","sources":["../../src/components/PresetMessageChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,kBAAkB,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CA6C9D"}

package/dist/components/PresetMessageChips.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { useAgentAssistant } from '../context/AgentAssistantContext';
+export function PresetMessageChips() {
+    const { presetMessages, selectPreset, theme, interactionMode } = useAgentAssistant();
+    if (!presetMessages.length || interactionMode === 'voice') {
+        return null;
+    }
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                borderBottomColor: theme.colors.border,
+                backgroundColor: theme.colors.surface,
+            },
+        ], children: _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.scroll, children: presetMessages.map((preset, index) => (_jsx(Pressable, { onPress: () => void selectPreset(preset), style: ({ pressed }) => [
+                    styles.chip,
+                    {
+                        borderColor: theme.colors.border,
+                        backgroundColor: pressed ? theme.colors.border : theme.colors.background,
+                        borderRadius: theme.radius.button,
+                    },
+                ], children: _jsx(Text, { style: {
+                        color: theme.colors.assistantText,
+                        fontSize: theme.typography.captionSize,
+                    }, numberOfLines: 1, children: preset.text }) }, `${preset.text}-${index}`))) }) }));
+}
+const styles = StyleSheet.create({
+    container: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        paddingVertical: 8,
+    },
+    scroll: { paddingHorizontal: 12, gap: 8 },
+    chip: {
+        borderWidth: 1,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        marginRight: 8,
+    },
+});

package/dist/components/VoiceGreetTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { VoiceAutoGreetConfig } from '../voice/useVoiceAutoGreet';
+export type VoiceGreetTriggerProps = {
+    config: VoiceAutoGreetConfig;
+};
+/**
+ * P0 / QA: manually fire the same payload as {@link useVoiceAutoGreet} (product image + intro text).
+ */
+export declare function VoiceGreetTrigger({ config }: VoiceGreetTriggerProps): React.ReactElement | null;
+//# sourceMappingURL=VoiceGreetTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceGreetTrigger.d.ts","sourceRoot":"","sources":["../../src/components/VoiceGreetTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAUvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwH/F"}