@base44/superagent-native 0.0.1

package/src/ConversationMessageList.tsx

@@ -0,0 +1,140 @@
+import React, { useMemo } from 'react';
+import { Text, View } from 'react-native';
+
+import { MessageBubble } from './conversationParts';
+import { conversationStyles } from './conversationStyles';
+import { formatDateLabel, getMessageFiles, getMessageToolCalls, shouldShowDateSeparator } from './messageUtils';
+import type {
+  SuperagentAgent,
+  SuperagentConnector,
+  SuperagentConnectorActionInput,
+  SuperagentConversation,
+  SuperagentCopyMessageInput,
+  SuperagentMarkdownRenderer,
+  SuperagentMessage,
+  SuperagentToolRenderers,
+} from './types';
+
+export function ConversationMessageList({
+  agent,
+  availableConnectors,
+  conversationId,
+  currentUserAvatarUrl,
+  messages,
+  onConnectConnector,
+  onCopyMessage,
+  onDeleteMessage,
+  onReplyMessage,
+  renderMarkdown,
+  submitToolCallInput,
+  toolRenderers,
+}: {
+  agent: SuperagentAgent;
+  availableConnectors?: SuperagentConnector[];
+  conversationId: string | null;
+  currentUserAvatarUrl?: string | null;
+  messages: SuperagentMessage[];
+  onConnectConnector?: (input: SuperagentConnectorActionInput) => Promise<boolean | void> | boolean | void;
+  onCopyMessage?: SuperagentCopyMessageInput;
+  onDeleteMessage?: (messageId: string) => Promise<boolean> | boolean;
+  onReplyMessage?: (message: SuperagentMessage) => void;
+  renderMarkdown?: SuperagentMarkdownRenderer;
+  submitToolCallInput?: (
+    toolCallId: string,
+    approve: boolean,
+    extraUserInput?: unknown,
+    originRequestId?: string,
+  ) => Promise<SuperagentConversation | null>;
+  toolRenderers?: SuperagentToolRenderers;
+}) {
+  const displayMessages = useMemo(() => mergeConsecutiveToolOnlyMessages(messages), [messages]);
+  const lastAssistantMessageIndex = useMemo(() => {
+    for (let index = displayMessages.length - 1; index >= 0; index -= 1) {
+      if (displayMessages[index].role === 'assistant') return index;
+    }
+
+    return -1;
+  }, [displayMessages]);
+
+  return (
+    <>
+      {displayMessages.map((message, index) => {
+        const previousMessage = displayMessages[index - 1];
+        const nextMessage = displayMessages[index + 1];
+        const showAvatar = !previousMessage || previousMessage.role !== message.role;
+        const showTimestamp = !nextMessage || nextMessage.role !== message.role;
+        return (
+          <View key={message.id ?? `${message.role}-${index}`}>
+            {shouldShowDateSeparator(message, previousMessage) ? (
+              <DateSeparator label={formatDateLabel(message.createdAt)} />
+            ) : null}
+            <MessageBubble
+              agent={agent}
+              availableConnectors={availableConnectors}
+              conversationId={conversationId}
+              currentUserAvatarUrl={currentUserAvatarUrl}
+              isLastAssistantMessage={index === lastAssistantMessageIndex}
+              message={message}
+              onConnectConnector={onConnectConnector}
+              onCopyMessage={onCopyMessage}
+              onDeleteMessage={onDeleteMessage}
+              onReplyMessage={onReplyMessage}
+              renderMarkdown={renderMarkdown}
+              showAvatar={showAvatar}
+              showTimestamp={showTimestamp}
+              submitToolCallInput={submitToolCallInput}
+              toolRenderers={toolRenderers}
+            />
+          </View>
+        );
+      })}
+    </>
+  );
+}
+
+function mergeConsecutiveToolOnlyMessages(messages: SuperagentMessage[]) {
+  const merged: SuperagentMessage[] = [];
+
+  messages.forEach((message) => {
+    const toolCalls = getMessageToolCalls(message);
+    const isToolOnly = message.role === 'assistant' &&
+      !message.content?.trim() &&
+      toolCalls.length > 0 &&
+      getMessageFiles(message).length === 0;
+    const previous = merged[merged.length - 1];
+
+    if (isToolOnly && previous && isMergeableToolOnlyMessage(previous)) {
+      const previousToolCalls = getMessageToolCalls(previous);
+      merged[merged.length - 1] = {
+        ...previous,
+        id: previous.id ? `${previous.id}:${message.id ?? toolCalls.length}` : message.id,
+        toolCalls: [...previousToolCalls, ...toolCalls],
+        tool_calls: [...previousToolCalls, ...toolCalls],
+        createdAt: message.createdAt ?? previous.createdAt,
+        created_at: message.created_at ?? previous.created_at,
+      };
+      return;
+    }
+
+    merged.push(message);
+  });
+
+  return merged;
+}
+
+function isMergeableToolOnlyMessage(message: SuperagentMessage) {
+  return message.role === 'assistant' &&
+    !message.content?.trim() &&
+    getMessageToolCalls(message).length > 0 &&
+    getMessageFiles(message).length === 0;
+}
+
+function DateSeparator({ label }: { label: string }) {
+  return (
+    <View style={conversationStyles.dateSeparator}>
+      <View style={conversationStyles.dateSeparatorLine} />
+      <Text style={conversationStyles.dateSeparatorText}>{label}</Text>
+      <View style={conversationStyles.dateSeparatorLine} />
+    </View>
+  );
+}

package/src/ConversationScreen.tsx

@@ -0,0 +1,320 @@
+import React, { useCallback, useState } from 'react';
+import { KeyboardAvoidingView, Platform, SafeAreaView } from 'react-native';
+
+import { ConversationChat } from './ConversationChat';
+import { ConversationHeader } from './conversationParts';
+import { conversationStyles } from './conversationStyles';
+import { EditorDrawer } from './EditorDrawer';
+import { RenameAgentModal } from './RenameAgentModal';
+import { ShareAgentModal } from './ShareAgentModal';
+import type {
+  SuperagentAgent,
+  SuperagentHomeScreenProps,
+  SuperagentMessage,
+} from './types';
+import { useSuperagentConversation } from './useSuperagentConversation';
+
+export function ConversationScreen({
+  agent,
+  apiClient,
+  automations,
+  automationCredits,
+  availableConnectors,
+  channelStatus,
+  collaborators,
+  connectingChannelId,
+  connectedConnectors,
+  connectingConnectorId,
+  currentUserAvatarUrl,
+  fileLoadError,
+  fileLoadFailed,
+  filePaths,
+  isLoadingAgentSettings,
+  isLoadingAutomations,
+  isLoadingCollaborators,
+  isLoadingConnectors,
+  isLoadingFiles,
+  messages,
+  isSending,
+  onAgentMessageDone,
+  onCancelConnectorConnection,
+  onArchiveAutomation,
+  onCloneAgent,
+  onCopyMessage,
+  onBack,
+  onConnectConnector,
+  onDeleteAgent,
+  onDeleteAutomation,
+  onDeleteSecret,
+  onDisconnectConnector,
+  onDisconnectIMessage,
+  onDisconnectTelegram,
+  onEditAutomation,
+  onGenerateLineCode,
+  onGenerateIMessageCode,
+  onImportFromDrive,
+  onOpenIMessage,
+  onOpenLine,
+  onOpenTelegram,
+  onOpenWhatsApp,
+  onOpenSandboxFile,
+  onOpenWorkspaceMembers,
+  onPickFiles,
+  onPickPhotos,
+  onRemoveConnector,
+  onRenameAgent,
+  onRefreshAgentSettings,
+  onRefreshAutomations,
+  onRefreshChannels,
+  onRefreshCollaborators,
+  onRefreshFiles,
+  onRestoreAutomation,
+  onRunAutomationNow,
+  onSaveSandboxFile,
+  onSaveSecret,
+  onSendMessage,
+  onShareAgent,
+  onShareAgentLink,
+  onShareIMessageCode,
+  onShareLineCode,
+  onStartLiveVoice,
+  onStartVoiceInput,
+  onSetupTelegram,
+  onTakePhoto,
+  onToggleAutomation,
+  onUpdateAgentModel,
+  onUpdateToolPermissions,
+  onUploadSandboxFiles,
+  realtimeClient,
+  renderMarkdown,
+  secrets,
+  toolRenderers,
+}: {
+  agent: SuperagentAgent;
+  apiClient: SuperagentHomeScreenProps['apiClient'];
+  automations: SuperagentHomeScreenProps['automations'];
+  automationCredits: SuperagentHomeScreenProps['automationCredits'];
+  availableConnectors: SuperagentHomeScreenProps['availableConnectors'];
+  channelStatus: SuperagentHomeScreenProps['channelStatus'];
+  collaborators: SuperagentHomeScreenProps['collaborators'];
+  connectingChannelId: SuperagentHomeScreenProps['connectingChannelId'];
+  connectedConnectors: SuperagentHomeScreenProps['connectedConnectors'];
+  connectingConnectorId: SuperagentHomeScreenProps['connectingConnectorId'];
+  currentUserAvatarUrl: SuperagentHomeScreenProps['currentUserAvatarUrl'];
+  fileLoadError: SuperagentHomeScreenProps['fileLoadError'];
+  fileLoadFailed: SuperagentHomeScreenProps['fileLoadFailed'];
+  filePaths: SuperagentHomeScreenProps['filePaths'];
+  isLoadingAgentSettings: SuperagentHomeScreenProps['isLoadingAgentSettings'];
+  isLoadingAutomations: SuperagentHomeScreenProps['isLoadingAutomations'];
+  isLoadingChannels: SuperagentHomeScreenProps['isLoadingChannels'];
+  isLoadingCollaborators: SuperagentHomeScreenProps['isLoadingCollaborators'];
+  isLoadingConnectors: SuperagentHomeScreenProps['isLoadingConnectors'];
+  isLoadingFiles: SuperagentHomeScreenProps['isLoadingFiles'];
+  messages: SuperagentMessage[];
+  isSending: boolean;
+  onBack: () => void;
+  onCancelConnectorConnection: SuperagentHomeScreenProps['onCancelConnectorConnection'];
+  onArchiveAutomation: SuperagentHomeScreenProps['onArchiveAutomation'];
+  onCloneAgent: SuperagentHomeScreenProps['onCloneAgent'];
+  onCopyMessage: SuperagentHomeScreenProps['onCopyMessage'];
+  onConnectConnector: SuperagentHomeScreenProps['onConnectConnector'];
+  onDeleteAgent: SuperagentHomeScreenProps['onDeleteAgent'];
+  onDeleteAutomation: SuperagentHomeScreenProps['onDeleteAutomation'];
+  onDeleteSecret: SuperagentHomeScreenProps['onDeleteSecret'];
+  onDisconnectConnector: SuperagentHomeScreenProps['onDisconnectConnector'];
+  onDisconnectIMessage: SuperagentHomeScreenProps['onDisconnectIMessage'];
+  onDisconnectTelegram: SuperagentHomeScreenProps['onDisconnectTelegram'];
+  onEditAutomation: SuperagentHomeScreenProps['onEditAutomation'];
+  onGenerateLineCode: SuperagentHomeScreenProps['onGenerateLineCode'];
+  onGenerateIMessageCode: SuperagentHomeScreenProps['onGenerateIMessageCode'];
+  onImportFromDrive: SuperagentHomeScreenProps['onImportFromDrive'];
+  onOpenIMessage: SuperagentHomeScreenProps['onOpenIMessage'];
+  onOpenLine: SuperagentHomeScreenProps['onOpenLine'];
+  onOpenTelegram: SuperagentHomeScreenProps['onOpenTelegram'];
+  onOpenWhatsApp: SuperagentHomeScreenProps['onOpenWhatsApp'];
+  onOpenSandboxFile: SuperagentHomeScreenProps['onOpenSandboxFile'];
+  onOpenWorkspaceMembers: SuperagentHomeScreenProps['onOpenWorkspaceMembers'];
+  onPickFiles: SuperagentHomeScreenProps['onPickFiles'];
+  onPickPhotos: SuperagentHomeScreenProps['onPickPhotos'];
+  onRemoveConnector: SuperagentHomeScreenProps['onRemoveConnector'];
+  onRenameAgent: SuperagentHomeScreenProps['onRenameAgent'];
+  onRefreshAgentSettings: SuperagentHomeScreenProps['onRefreshAgentSettings'];
+  onRefreshAutomations: SuperagentHomeScreenProps['onRefreshAutomations'];
+  onRefreshChannels: SuperagentHomeScreenProps['onRefreshChannels'];
+  onRefreshCollaborators: SuperagentHomeScreenProps['onRefreshCollaborators'];
+  onRefreshFiles: SuperagentHomeScreenProps['onRefreshFiles'];
+  onRestoreAutomation: SuperagentHomeScreenProps['onRestoreAutomation'];
+  onRunAutomationNow: SuperagentHomeScreenProps['onRunAutomationNow'];
+  onSaveSandboxFile: SuperagentHomeScreenProps['onSaveSandboxFile'];
+  onSaveSecret: SuperagentHomeScreenProps['onSaveSecret'];
+  onSendMessage: SuperagentHomeScreenProps['onSendMessage'];
+  onShareAgent: SuperagentHomeScreenProps['onShareAgent'];
+  onShareAgentLink: SuperagentHomeScreenProps['onShareAgentLink'];
+  onShareIMessageCode: SuperagentHomeScreenProps['onShareIMessageCode'];
+  onShareLineCode: SuperagentHomeScreenProps['onShareLineCode'];
+  onStartLiveVoice: SuperagentHomeScreenProps['onStartLiveVoice'];
+  onStartVoiceInput: SuperagentHomeScreenProps['onStartVoiceInput'];
+  onSetupTelegram: SuperagentHomeScreenProps['onSetupTelegram'];
+  onTakePhoto: SuperagentHomeScreenProps['onTakePhoto'];
+  onToggleAutomation: SuperagentHomeScreenProps['onToggleAutomation'];
+  onUpdateAgentModel: SuperagentHomeScreenProps['onUpdateAgentModel'];
+  onUpdateToolPermissions: SuperagentHomeScreenProps['onUpdateToolPermissions'];
+  onUploadSandboxFiles: SuperagentHomeScreenProps['onUploadSandboxFiles'];
+  onAgentMessageDone: SuperagentHomeScreenProps['onAgentMessageDone'];
+  realtimeClient: SuperagentHomeScreenProps['realtimeClient'];
+  renderMarkdown: SuperagentHomeScreenProps['renderMarkdown'];
+  secrets: SuperagentHomeScreenProps['secrets'];
+  toolRenderers: SuperagentHomeScreenProps['toolRenderers'];
+}) {
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [isShareModalOpen, setIsShareModalOpen] = useState(false);
+  const [isRenameModalOpen, setIsRenameModalOpen] = useState(false);
+  const [isRenaming, setIsRenaming] = useState(false);
+  const [renameError, setRenameError] = useState<string | null>(null);
+  const refreshAutomations = useCallback(() => {
+    return onRefreshAutomations?.(agent.id);
+  }, [agent.id, onRefreshAutomations]);
+  const conversation = useSuperagentConversation({
+    agentId: agent.id,
+    apiClient,
+    fallbackMessages: messages,
+    fallbackSending: isSending,
+    onAgentMessageDone,
+    onConversationSettled: onRefreshAutomations ? refreshAutomations : undefined,
+    onSendMessage,
+    realtimeClient,
+  });
+  const saveAgentName = async (name: string) => {
+    if (!onRenameAgent) {
+      return;
+    }
+
+    setIsRenaming(true);
+    setRenameError(null);
+    try {
+      await onRenameAgent({ agentId: agent.id, name });
+      setIsRenameModalOpen(false);
+    } catch (error) {
+      setRenameError(error instanceof Error ? error.message : 'Failed to rename Superagent');
+    } finally {
+      setIsRenaming(false);
+    }
+  };
+
+  return (
+    <SafeAreaView style={conversationStyles.safeArea}>
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+        style={conversationStyles.keyboard}
+      >
+        <ConversationHeader
+          activeTab="chat"
+          agent={agent}
+          onBack={onBack}
+          onOpenMenu={() => setIsDrawerOpen(true)}
+          onOpenShare={onShareAgent ? () => setIsShareModalOpen(true) : undefined}
+          onRenameRequest={onRenameAgent ? () => setIsRenameModalOpen(true) : undefined}
+        />
+        <ConversationChat
+          agent={agent}
+          availableConnectors={availableConnectors}
+          conversation={conversation}
+          currentUserAvatarUrl={currentUserAvatarUrl}
+          onConnectConnector={onConnectConnector}
+          onCopyMessage={onCopyMessage}
+          onImportFromDrive={onImportFromDrive}
+          onPickFiles={onPickFiles}
+          onPickPhotos={onPickPhotos}
+          onStartLiveVoice={onStartLiveVoice}
+          onStartVoiceInput={onStartVoiceInput}
+          onTakePhoto={onTakePhoto}
+          renderMarkdown={renderMarkdown}
+          toolRenderers={toolRenderers}
+        />
+        <EditorDrawer
+          activeTab="integrations"
+          agent={agent}
+          automationCredits={automationCredits}
+          automations={automations}
+          availableConnectors={availableConnectors}
+          channelStatus={channelStatus}
+          collaborators={collaborators}
+          connectingChannelId={connectingChannelId}
+          connectedConnectors={connectedConnectors}
+          connectingConnectorId={connectingConnectorId}
+          fileLoadError={fileLoadError}
+          fileLoadFailed={fileLoadFailed}
+          filePaths={filePaths}
+          isLoadingAgentSettings={isLoadingAgentSettings}
+          isLoadingCollaborators={isLoadingCollaborators}
+          isLoadingFiles={isLoadingFiles}
+          isLoadingAutomations={isLoadingAutomations}
+          isLoadingConnectors={isLoadingConnectors}
+          isVisible={isDrawerOpen}
+          secrets={secrets}
+          onClose={() => setIsDrawerOpen(false)}
+          onCancelConnectorConnection={onCancelConnectorConnection}
+          onArchiveAutomation={onArchiveAutomation}
+          onCloneAgent={onCloneAgent}
+          onConnectConnector={onConnectConnector}
+          onDeleteAgent={onDeleteAgent}
+          onDeleteAutomation={onDeleteAutomation}
+          onDeleteSecret={onDeleteSecret}
+          onDisconnectConnector={onDisconnectConnector}
+          onDisconnectIMessage={onDisconnectIMessage}
+          onDisconnectTelegram={onDisconnectTelegram}
+          onEditAutomation={onEditAutomation}
+          onGenerateLineCode={onGenerateLineCode}
+          onGenerateIMessageCode={onGenerateIMessageCode}
+          onOpenIMessage={onOpenIMessage}
+          onOpenLine={onOpenLine}
+          onOpenTelegram={onOpenTelegram}
+          onOpenWhatsApp={onOpenWhatsApp}
+          onOpenSandboxFile={onOpenSandboxFile}
+          onRemoveConnector={onRemoveConnector}
+          onRefreshAgentSettings={onRefreshAgentSettings}
+          onRefreshAutomations={onRefreshAutomations}
+          onRefreshChannels={onRefreshChannels}
+          onRefreshCollaborators={onRefreshCollaborators}
+          onRefreshFiles={onRefreshFiles}
+          onRestoreAutomation={onRestoreAutomation}
+          onRunAutomationNow={onRunAutomationNow}
+          onSaveSandboxFile={onSaveSandboxFile}
+          onSaveSecret={onSaveSecret}
+          onSelectTab={() => {}}
+          onShareAgentLink={onShareAgentLink}
+          onShareIMessageCode={onShareIMessageCode}
+          onShareLineCode={onShareLineCode}
+          onSetupTelegram={onSetupTelegram}
+          onToggleAutomation={onToggleAutomation}
+          onUpdateAgentModel={onUpdateAgentModel}
+          onUpdateToolPermissions={onUpdateToolPermissions}
+          onUploadSandboxFiles={onUploadSandboxFiles}
+        />
+        <ShareAgentModal
+          agent={agent}
+          collaborators={collaborators}
+          isLoading={isLoadingCollaborators}
+          isVisible={isShareModalOpen}
+          onClose={() => setIsShareModalOpen(false)}
+          onRefreshCollaborators={onRefreshCollaborators}
+          onOpenWorkspaceMembers={onOpenWorkspaceMembers}
+          onShareAgent={onShareAgent}
+        />
+        <RenameAgentModal
+          error={renameError}
+          initialName={agent.name || 'Superagent'}
+          isSaving={isRenaming}
+          isVisible={isRenameModalOpen}
+          onClose={() => {
+            if (!isRenaming) {
+              setIsRenameModalOpen(false);
+              setRenameError(null);
+            }
+          }}
+          onSave={saveAgentName}
+        />
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+}