@docyrus/rn-assistant 0.0.1

package/dist/commonjs/components/assistant-screen/assistant-screen.js

@@ -0,0 +1,809 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DocyAssistant = void 0;
+exports.DocyrusRNAssistant = DocyrusRNAssistant;
+exports.DocyrusRNAssistantEmbedded = DocyrusRNAssistantEmbedded;
+exports.DocyrusRNAssistantModal = DocyrusRNAssistantModal;
+exports.DocyrusRNAssistantSheet = DocyrusRNAssistantSheet;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeKeyboardController = require("react-native-keyboard-controller");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _lucideReactNative = require("lucide-react-native");
+var _rn = require("@docyrus/i18n/rn");
+var _sessionsList = require("../sessions-list/sessions-list.js");
+var _assistantAnimations = require("../assistant-animations/assistant-animations.js");
+var _newChat = require("../new-chat/new-chat.js");
+var _promptInput = require("../prompt-input/prompt-input.js");
+var _providerSelector = require("../prompt-input/provider-selector.js");
+var _reasoningLevelSelector = require("../prompt-input/reasoning-level-selector.js");
+var _voiceRecorder = require("../prompt-input/voice-recorder.js");
+var _attachmentPicker = require("../prompt-input/attachment-picker.js");
+var _attachmentPreview = require("../prompt-input/attachment-preview.js");
+var _messageParts = require("../message-parts/message-parts.js");
+var _useAgentModels = require("../../hooks/use-agent-models.js");
+var _useAssistant = require("../../hooks/use-assistant.js");
+var _useVoiceRecorder = require("../../hooks/use-voice-recorder.js");
+var _useAttachmentPicker = require("../../hooks/use-attachment-picker.js");
+var _index = require("../../theme/index.js");
+var _index2 = require("../../ui/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * DocyAssistant Main Screen Component
+ *
+ * Complete AI assistant interface with:
+ * - Chat view with Vercel AI SDK
+ * - Sessions list
+ * - Works (saved outputs) list
+ * - New chat with quick actions
+ * - Agent/Model selector
+ *
+ * @example
+ * ```tsx
+ * <DocyAssistant
+ *   api="https://api.docyrus.com"
+ *   agentId="9979c996-0d0c-11ef-86a3-ef75fac389e0"
+ *   token={userToken}
+ *   credentials={{ token: userToken }}
+ *   onError={(error) => console.error(error)}
+ * />
+ * ```
+ */
+function DocyrusRNAssistantInner({
+  apiConfig,
+  agentId,
+  deploymentId,
+  dataSourceId,
+  credentials,
+  userId,
+  headers = {},
+  initialMode = 'chat',
+  onError,
+  showHeader = true,
+  onClose,
+  enableVoice = true,
+  enableAttachment = true,
+  allowedAttachmentTypes = ['*/*'],
+  maxAttachmentSize = 10 * 1024 * 1024,
+  maxAttachments = 10,
+  showModelSelectorInInput = true,
+  containerStyle,
+  safeAreaMode = 'host'
+}) {
+  const theme = (0, _index.useDocyrusRNAssistantTheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const {
+    t
+  } = (0, _rn.useI18n)();
+  const [mode, setMode] = (0, _react.useState)(initialMode);
+  const [activeThreadId, setActiveThreadId] = (0, _react.useState)(null);
+  const [isChatStarted, setIsChatStarted] = (0, _react.useState)(false);
+  const [chatError, setChatError] = (0, _react.useState)(null);
+  const [selectedReasoningLevel, setSelectedReasoningLevel] = (0, _react.useState)(null);
+
+  // Fetch agent models
+  const {
+    deployment,
+    models,
+    selectedModel,
+    selectModel
+  } = (0, _useAgentModels.useAgentModels)({
+    apiConfig,
+    agentId,
+    deploymentId
+  });
+
+  // Initialize chat
+  const chat = (0, _useAssistant.useAssistant)({
+    apiConfig,
+    agentId,
+    deploymentId,
+    dataSourceId,
+    model: selectedModel || undefined,
+    threadId: activeThreadId || undefined,
+    credentials,
+    headers,
+    onError: error => {
+      // Show actual error message
+      const errorMsg = error.message || t('error.generic-desc', 'An error occurred. Please try again.');
+
+      // Clear first, then set new error to force re-render
+      setChatError(null);
+      setTimeout(() => {
+        setChatError(errorMsg);
+      }, 10);
+      onError?.(error);
+    },
+    onFinish: () => {
+      // Clear error on successful finish
+      setChatError(null);
+    }
+  });
+
+  // Build transcribe endpoint URL from config or prop
+  const transcribeEndpoint = apiConfig.endpoints.transcribe ? `${apiConfig.baseUrl}${apiConfig.endpoints.transcribe}` : undefined;
+
+  // Voice recorder hook
+  const voiceRecorder = (0, _useVoiceRecorder.useVoiceRecorder)({
+    transcribeEndpoint,
+    transcribeHeaders: async () => {
+      if (typeof apiConfig.headers === 'function') {
+        return {
+          ...(await apiConfig.headers()),
+          ...headers
+        };
+      }
+      return {
+        ...(apiConfig.headers || {}),
+        ...headers
+      };
+    },
+    onTranscription: (0, _react.useCallback)(text => {
+      // Append transcribed text to input
+      const currentInput = chat.input;
+      chat.setInput(currentInput ? `${currentInput} ${text}` : text);
+    }, [chat]),
+    onError: (0, _react.useCallback)(error => {
+      onError?.(error);
+    }, [onError])
+  });
+
+  // Attachment picker hook
+  const attachmentPicker = (0, _useAttachmentPicker.useAttachmentPicker)({
+    allowedDocumentTypes: allowedAttachmentTypes,
+    maxAttachments,
+    maxFileSize: maxAttachmentSize,
+    onError: (0, _react.useCallback)(error => {
+      onError?.(error);
+    }, [onError])
+  });
+  const handleModeChange = newMode => {
+    setMode(newMode);
+    setChatError(null); // Clear error when switching modes
+  };
+  const handleSelectSession = async session => {
+    console.info('🔍 Selected Session:', {
+      id: session.id,
+      subject: session.subject
+    });
+    try {
+      setActiveThreadId(session.id);
+      chat.setThreadId(session.id);
+      await chat.loadMessages(session.id);
+      setIsChatStarted(true);
+      setMode('chat');
+      setChatError(null);
+    } catch (error) {
+      setActiveThreadId(null);
+      chat.setThreadId(null);
+      chat.clearMessages();
+      setIsChatStarted(false);
+      setMode('chat');
+      setChatError(error instanceof Error ? error.message : t('error.generic-desc', 'An error occurred. Please try again.'));
+    }
+  };
+  const handleNewChat = () => {
+    setActiveThreadId(null);
+    chat.setThreadId(null);
+    chat.clearMessages();
+    setMode('chat');
+    setIsChatStarted(false);
+  };
+  const handleStartChat = () => {
+    setActiveThreadId(null);
+    chat.setThreadId(null);
+    setMode('chat');
+    setIsChatStarted(true);
+    setTimeout(() => {
+      chat.inputRef.current?.focus();
+    }, 50);
+  };
+  const handleSubmitMessage = async () => {
+    if (!isChatStarted) {
+      setIsChatStarted(true);
+    }
+    await chat.sendMessage();
+  };
+  const visibleMessages = chat.messages.filter(msg => msg.content && msg.content.trim().length > 0);
+
+  // Show NewChat only if there is no active session, no visible messages, and chat has not started yet.
+  const showNewChatScreen = mode === 'chat' && visibleMessages.length === 0 && !activeThreadId && !chat.isLoading && !isChatStarted;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }, containerStyle],
+    children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.header, {
+        paddingTop: safeAreaMode === 'overlay' ? insets.top + (theme.spacing[2] ?? 8) : theme.spacing[4],
+        paddingHorizontal: theme.spacing[4],
+        paddingBottom: theme.spacing[3],
+        backgroundColor: theme.colors.muted,
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colors.border
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            flex: 1
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 28,
+              height: 28,
+              alignItems: 'center',
+              justifyContent: 'center',
+              marginRight: theme.spacing[2.5]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_assistantAnimations.AssistantAnimations, {
+              animationType: chat.isLoading ? 'working' : 'thinking',
+              size: 28
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 16,
+                fontWeight: '600',
+                color: theme.colors.foreground
+              },
+              numberOfLines: 1,
+              children: deployment?.name || t('assistant.title', 'Docyrus Assistant')
+            }), selectedModel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 12,
+                color: theme.colors.mutedForeground
+              },
+              numberOfLines: 1,
+              children: selectedModel.name
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row'
+          },
+          children: [mode === 'chat' && !showNewChatScreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: handleNewChat,
+            style: {
+              padding: theme.spacing[2],
+              borderRadius: theme.borderRadius.md,
+              backgroundColor: theme.colors.muted,
+              marginLeft: theme.spacing[2]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.PenSquare, {
+              size: 18,
+              color: theme.colors.foreground,
+              strokeWidth: 2.1
+            })
+          }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: onClose,
+            style: {
+              padding: theme.spacing[2],
+              borderRadius: theme.borderRadius.md,
+              backgroundColor: theme.colors.muted,
+              marginLeft: theme.spacing[2]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+              size: 18,
+              color: theme.colors.foreground,
+              strokeWidth: 2.2
+            })
+          })]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.tabBar, {
+        paddingHorizontal: theme.spacing[4],
+        paddingVertical: theme.spacing[2],
+        backgroundColor: theme.colors.card,
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colors.border
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        onPress: () => handleModeChange('chat'),
+        style: [styles.tab, {
+          paddingVertical: theme.spacing[2],
+          paddingHorizontal: theme.spacing[3],
+          borderRadius: theme.borderRadius.md,
+          backgroundColor: mode === 'chat' ? theme.colors.primary : 'transparent',
+          marginRight: theme.spacing[2]
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessageSquareText, {
+          size: 16,
+          color: mode === 'chat' ? theme.colors.primaryForeground : theme.colors.mutedForeground,
+          strokeWidth: 2.2
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            fontSize: 14,
+            fontWeight: '600',
+            color: mode === 'chat' ? theme.colors.primaryForeground : theme.colors.mutedForeground,
+            marginLeft: theme.spacing[1.5]
+          },
+          children: t('assistant.chat', 'Chat')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        onPress: () => handleModeChange('sessions'),
+        style: [styles.tab, {
+          paddingVertical: theme.spacing[2],
+          paddingHorizontal: theme.spacing[3],
+          borderRadius: theme.borderRadius.md,
+          backgroundColor: mode === 'sessions' ? theme.colors.primary : 'transparent'
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessagesSquare, {
+          size: 16,
+          color: mode === 'sessions' ? theme.colors.primaryForeground : theme.colors.mutedForeground,
+          strokeWidth: 2.2
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            fontSize: 14,
+            fontWeight: '600',
+            color: mode === 'sessions' ? theme.colors.primaryForeground : theme.colors.mutedForeground,
+            marginLeft: theme.spacing[1.5]
+          },
+          children: t('assistant.sessions', 'Sessions')
+        })]
+      })]
+    }), mode === 'chat' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.chatScreen,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.content,
+        children: showNewChatScreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_newChat.NewChat, {
+          deployment: deployment,
+          onStartChat: handleStartChat
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+          ref: chat.scrollViewRef,
+          style: styles.scrollArea,
+          contentContainerStyle: {
+            paddingHorizontal: theme.spacing[4],
+            paddingTop: theme.spacing[4],
+            paddingBottom: theme.spacing[4]
+          },
+          keyboardShouldPersistTaps: "handled",
+          keyboardDismissMode: "on-drag",
+          showsVerticalScrollIndicator: true,
+          scrollEventThrottle: 16,
+          removeClippedSubviews: false,
+          onContentSizeChange: () => {
+            setTimeout(() => {
+              chat.scrollViewRef.current?.scrollToEnd({
+                animated: true
+              });
+            }, 100);
+          },
+          children: [visibleMessages.map(msg => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                marginBottom: theme.spacing[3],
+                alignSelf: msg.role === 'user' ? 'flex-end' : 'flex-start',
+                maxWidth: '80%'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  padding: theme.spacing[3],
+                  borderRadius: theme.borderRadius.lg,
+                  backgroundColor: msg.role === 'user' ? theme.colors.primary : theme.colors.card,
+                  shadowColor: '#000',
+                  shadowOffset: {
+                    width: 0,
+                    height: 1
+                  },
+                  shadowOpacity: 0.1,
+                  shadowRadius: 2,
+                  elevation: 2
+                },
+                children: msg.role === 'user' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: {
+                    color: '#ffffff',
+                    lineHeight: 20
+                  },
+                  children: msg.content
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageParts.MessageParts, {
+                  parts: msg.parts || [{
+                    type: 'text',
+                    text: msg.content
+                  }]
+                })
+              })
+            }, msg.id);
+          }), !chat.isLoading && visibleMessages.length === 0 && !chatError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              alignItems: 'center',
+              justifyContent: 'center',
+              paddingHorizontal: theme.spacing[6],
+              paddingVertical: theme.spacing[8]
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                width: 64,
+                height: 64,
+                borderRadius: 32,
+                backgroundColor: `${theme.colors.primary}15`,
+                alignItems: 'center',
+                justifyContent: 'center',
+                marginBottom: theme.spacing[3]
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.DocyrusIcon, {
+                icon: "message-02",
+                size: 28,
+                color: theme.colors.primary
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 16,
+                fontWeight: '700',
+                color: theme.colors.foreground,
+                marginBottom: theme.spacing[1],
+                textAlign: 'center'
+              },
+              children: deployment?.name || deployment?.agent?.name || t('assistant.start-conversation', 'Start a conversation')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 14,
+                color: theme.colors.mutedForeground,
+                textAlign: 'center',
+                lineHeight: 20
+              },
+              children: deployment?.welcomeMessage || deployment?.agent?.welcomeMessage || t('assistant.type-message-below', 'Type your message in the input below to begin chatting with the assistant.')
+            })]
+          }), chat.isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              alignSelf: 'flex-start',
+              marginBottom: theme.spacing[3]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                padding: theme.spacing[3],
+                borderRadius: theme.borderRadius.lg,
+                backgroundColor: theme.colors.card,
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: 6
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  width: 8,
+                  height: 8,
+                  borderRadius: 4,
+                  backgroundColor: theme.colors.primary,
+                  opacity: 0.6
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  width: 8,
+                  height: 8,
+                  borderRadius: 4,
+                  backgroundColor: theme.colors.primary,
+                  opacity: 0.4
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  width: 8,
+                  height: 8,
+                  borderRadius: 4,
+                  backgroundColor: theme.colors.primary,
+                  opacity: 0.2
+                }
+              })]
+            })
+          }), chatError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              marginBottom: theme.spacing[3],
+              padding: theme.spacing[3],
+              borderRadius: theme.borderRadius.lg,
+              backgroundColor: theme.colors.destructive,
+              borderWidth: 1,
+              borderColor: theme.colors.destructive
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                color: theme.colors.destructiveForeground,
+                fontSize: 14,
+                fontWeight: '600'
+              },
+              children: chatError
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              onPress: () => setChatError(null),
+              style: {
+                marginTop: theme.spacing[2],
+                alignSelf: 'flex-start'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: {
+                  color: theme.colors.destructiveForeground,
+                  fontSize: 12,
+                  textDecorationLine: 'underline'
+                },
+                children: t('common.dismiss', 'Dismiss')
+              })
+            })]
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView, {
+        offset: {
+          opened: -(insets.bottom - 50),
+          closed: 0
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            paddingHorizontal: theme.spacing[3],
+            paddingTop: theme.spacing[1],
+            paddingBottom: Math.max(insets.bottom - 8, theme.spacing[2] ?? 8),
+            backgroundColor: theme.colors.background
+          },
+          children: [attachmentPicker.attachments.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              marginBottom: theme.spacing[2]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_attachmentPreview.AttachmentPreview, {
+              attachments: attachmentPicker.attachments,
+              onRemove: attachmentPicker.removeAttachment
+            })
+          }), (voiceRecorder.isRecording || voiceRecorder.isTranscribing) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              marginBottom: theme.spacing[2]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_voiceRecorder.VoiceRecorder, {
+              isRecording: voiceRecorder.isRecording,
+              duration: voiceRecorder.duration,
+              isTranscribing: voiceRecorder.isTranscribing,
+              error: voiceRecorder.error?.message,
+              onStop: () => {
+                if (transcribeEndpoint) {
+                  voiceRecorder.stopAndTranscribe();
+                } else {
+                  voiceRecorder.stopRecording();
+                }
+              },
+              onCancel: () => {
+                voiceRecorder.reset();
+              },
+              accentColor: theme.colors.primary
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              backgroundColor: theme.colors.card,
+              borderRadius: 24,
+              borderWidth: 1,
+              borderColor: theme.colors.border,
+              overflow: 'visible',
+              shadowColor: '#94a3b8',
+              shadowOffset: {
+                width: 0,
+                height: 6
+              },
+              shadowOpacity: theme.isDark ? 0 : 0.18,
+              shadowRadius: 12,
+              elevation: theme.isDark ? 0 : 4
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_promptInput.PromptInput, {
+              ref: chat.inputRef,
+              value: chat.input,
+              onChangeText: chat.setInput,
+              placeholder: t('assistant.ask-about-data', 'Ask me anything about your data...'),
+              onSend: handleSubmitMessage,
+              status: chat.isLoading ? 'streaming' : 'idle',
+              onStop: chat.stopGeneration,
+              accentColor: theme.colors.primary,
+              enableAttachment: false,
+              leftAccessory: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: theme.spacing[1.5]
+                },
+                children: [enableAttachment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_attachmentPicker.AttachmentPicker, {
+                  onPickDocuments: attachmentPicker.pickDocuments,
+                  onPickImages: attachmentPicker.pickImages,
+                  onTakePhoto: attachmentPicker.takePhoto,
+                  isLoading: attachmentPicker.isLoading,
+                  attachmentCount: attachmentPicker.attachments.length,
+                  accentColor: theme.colors.primary
+                }) : null, selectedModel?.reasoningLevels && selectedModel.reasoningLevels.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reasoningLevelSelector.ReasoningLevelSelector, {
+                  levels: selectedModel.reasoningLevels,
+                  selectedLevel: selectedReasoningLevel,
+                  onSelect: setSelectedReasoningLevel,
+                  disabled: chat.isLoading,
+                  compact: true
+                }) : null]
+              }),
+              centerAccessory: showModelSelectorInInput && models.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_providerSelector.ProviderSelector, {
+                models: models,
+                selectedModel: selectedModel,
+                onSelect: model => {
+                  selectModel(model);
+                  chat.setSelectedModel(model);
+                  setSelectedReasoningLevel(null);
+                },
+                disabled: chat.isLoading,
+                variant: "toolbar"
+              }) : null,
+              enableVoice: enableVoice && !voiceRecorder.isRecording && !voiceRecorder.isTranscribing,
+              onVoicePress: () => {
+                voiceRecorder.startRecording();
+              },
+              isRecording: voiceRecorder.isRecording,
+              containerStyle: {
+                borderWidth: 0,
+                backgroundColor: 'transparent',
+                paddingHorizontal: theme.spacing[4],
+                paddingTop: theme.spacing[4],
+                paddingBottom: theme.spacing[3]
+              }
+            })
+          }), showNewChatScreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              marginTop: theme.spacing[2],
+              paddingHorizontal: theme.spacing[2],
+              fontSize: 11,
+              lineHeight: 16,
+              color: theme.colors.mutedForeground,
+              textAlign: 'left'
+            },
+            children: t('assistant.generative-ai-disclaimer', 'Our AI Assistant uses generative AI. You may need to verify the response.')
+          })]
+        })
+      })]
+    }), mode === 'sessions' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sessionsList.SessionsList, {
+      apiConfig: apiConfig,
+      agentId: agentId,
+      userId: userId || credentials?.userId,
+      headers: headers,
+      onSelectSession: handleSelectSession,
+      onNewChat: handleNewChat,
+      showHeader: false
+    })]
+  });
+}
+function DocyrusRNAssistant({
+  theme,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DocyrusRNAssistantProvider, {
+    theme: theme,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistantRoot, {
+      ...props
+    })
+  });
+}
+function DocyrusRNAssistantRoot({
+  containerStyle,
+  modalAnimationType = 'slide',
+  onClose,
+  presentation = 'embedded',
+  sheetDetent = 'large',
+  visible,
+  ...props
+}) {
+  const theme = (0, _index.useDocyrusRNAssistantTheme)();
+  if (presentation === 'modal') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      animationType: modalAnimationType,
+      onRequestClose: onClose,
+      presentationStyle: "fullScreen",
+      statusBarTranslucent: true,
+      transparent: false,
+      visible: visible ?? false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.presentationRoot, {
+          backgroundColor: theme.colors.background
+        }, containerStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistantInner, {
+          ...props,
+          containerStyle: styles.fill,
+          safeAreaMode: "overlay",
+          onClose: onClose
+        })
+      })
+    });
+  }
+  if (presentation === 'sheet') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ActionSheet, {
+      closeOnBackdrop: true,
+      contentContainerStyle: styles.sheetContentContainer,
+      detent: sheetDetent,
+      onClose: onClose ?? (() => {}),
+      scrollable: false,
+      visible: visible ?? false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.presentationRoot, containerStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistantInner, {
+          ...props,
+          containerStyle: styles.fill,
+          safeAreaMode: "host",
+          onClose: onClose,
+          showHeader: props.showHeader ?? true
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.presentationRoot, containerStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistantInner, {
+      ...props,
+      containerStyle: styles.fill,
+      onClose: onClose
+    })
+  });
+}
+function DocyrusRNAssistantEmbedded(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistant, {
+    ...props,
+    presentation: "embedded"
+  });
+}
+function DocyrusRNAssistantModal(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistant, {
+    ...props,
+    presentation: "modal"
+  });
+}
+function DocyrusRNAssistantSheet(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocyrusRNAssistant, {
+    ...props,
+    presentation: "sheet"
+  });
+}
+const DocyAssistant = exports.DocyAssistant = DocyrusRNAssistant;
+const styles = _reactNative.StyleSheet.create({
+  chatScreen: {
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  },
+  container: {
+    alignSelf: 'stretch',
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  },
+  fill: {
+    alignSelf: 'stretch',
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  },
+  presentationRoot: {
+    alignSelf: 'stretch',
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  },
+  header: {
+    // Dynamic styles
+  },
+  scrollArea: {
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  },
+  sheetContentContainer: {
+    alignSelf: 'stretch',
+    flex: 1,
+    minHeight: 0,
+    paddingBottom: 0
+  },
+  tabBar: {
+    flexDirection: 'row'
+  },
+  tab: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  content: {
+    flex: 1,
+    flexBasis: 0,
+    minHeight: 0
+  }
+});
+//# sourceMappingURL=assistant-screen.js.map