feat: add home screen with agent list and orchestrator navigation

2025-10-23 11:11:20 +02:00
parent a930c4156a
commit 8177aa0c2a
27 changed files with 1912 additions and 2038 deletions
@@ -0,0 +1,117 @@
+import { View, ScrollView } from "react-native";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { forwardRef } from "react";
+import {
+  UserMessage,
+  AssistantMessage,
+  ActivityLog,
+  ToolCall,
+} from "@/components/message";
+import type { MessageEntry } from "@/contexts/session-context";
+
+interface OrchestratorMessagesViewProps {
+  messages: MessageEntry[];
+  currentAssistantMessage: string;
+  onArtifactClick: (artifactId: string) => void;
+}
+
+export const OrchestratorMessagesView = forwardRef<ScrollView, OrchestratorMessagesViewProps>(
+  function OrchestratorMessagesView({ messages, currentAssistantMessage, onArtifactClick }, ref) {
+    const { theme } = useUnistyles();
+
+    return (
+      <ScrollView
+        ref={ref}
+        style={styles.scrollView}
+        contentContainerStyle={styles.scrollContent}
+        keyboardShouldPersistTaps="handled"
+        keyboardDismissMode="on-drag"
+      >
+        {messages.map((msg) => {
+          if (msg.type === "user") {
+            return (
+              <UserMessage
+                key={msg.id}
+                message={msg.message}
+                timestamp={msg.timestamp}
+              />
+            );
+          }
+
+          if (msg.type === "assistant") {
+            return (
+              <AssistantMessage
+                key={msg.id}
+                message={msg.message}
+                timestamp={msg.timestamp}
+              />
+            );
+          }
+
+          if (msg.type === "activity") {
+            return (
+              <ActivityLog
+                key={msg.id}
+                type={msg.activityType}
+                message={msg.message}
+                timestamp={msg.timestamp}
+                metadata={msg.metadata}
+                onArtifactClick={onArtifactClick}
+              />
+            );
+          }
+
+          if (msg.type === "artifact") {
+            return (
+              <ActivityLog
+                key={msg.id}
+                type="artifact"
+                message=""
+                timestamp={msg.timestamp}
+                artifactId={msg.artifactId}
+                artifactType={msg.artifactType}
+                title={msg.title}
+                onArtifactClick={onArtifactClick}
+              />
+            );
+          }
+
+          if (msg.type === "tool_call") {
+            return (
+              <ToolCall
+                key={msg.id}
+                toolName={msg.toolName}
+                args={msg.args}
+                result={msg.result}
+                error={msg.error}
+                status={msg.status}
+              />
+            );
+          }
+
+          return null;
+        })}
+
+        {/* Streaming assistant message */}
+        {currentAssistantMessage && (
+          <AssistantMessage
+            message={currentAssistantMessage}
+            timestamp={Date.now()}
+            isStreaming={true}
+          />
+        )}
+      </ScrollView>
+    );
+  }
+);
+
+const styles = StyleSheet.create((theme) => ({
+  scrollView: {
+    flex: 1,
+  },
+  scrollContent: {
+    paddingHorizontal: theme.spacing[4],
+    paddingTop: theme.spacing[4],
+    paddingBottom: theme.spacing[6],
+  },
+}));