generate and save facts

pages/chat/@id/+Page.tsx

@@ -2,6 +2,7 @@ import {
   Box,
   Group,
   JsonInput,
+  List,
   Stack,
   Tabs,
   Textarea,
@@ -30,6 +31,7 @@ export default function ChatPage() {
   const message = useStore((state) => state.message);
   const systemPrompt = useStore((state) => state.systemPrompt);
   const parameters = useStore((state) => state.parameters);
+  const facts = useStore((state) => state.facts);
   const loading = useStore((state) => state.loading);
   const setConversationId = useStore((state) => state.setConversationId);
   const setConversationTitle = useStore((state) => state.setConversationTitle);
@@ -37,9 +39,14 @@ export default function ChatPage() {
   const setMessage = useStore((state) => state.setMessage);
   const setSystemPrompt = useStore((state) => state.setSystemPrompt);
   const setParameters = useStore((state) => state.setParameters);
+  const setFacts = useStore((state) => state.setFacts);
   const setLoading = useStore((state) => state.setLoading);
 
-  const { conversation, messages: initialMessages } = useData<Data>();
+  const {
+    conversation,
+    messages: initialMessages,
+    facts: initialFacts,
+  } = useData<Data>();
 
   useEffect(() => {
     setConversationId(conversationId);
@@ -61,6 +68,10 @@ export default function ChatPage() {
     setMessages(initialMessages);
   }, [initialMessages, setMessages]);
 
+  useEffect(() => {
+    setFacts(initialFacts);
+  }, [initialFacts, setFacts]);
+
   return (
     <>
       <div>
@@ -84,6 +95,7 @@ export default function ChatPage() {
           <Tabs.Tab value="message">Message</Tabs.Tab>
           <Tabs.Tab value="system-prompt">System Prompt</Tabs.Tab>
           <Tabs.Tab value="parameters">Parameters</Tabs.Tab>
+          <Tabs.Tab value="facts">Facts</Tabs.Tab>
         </Tabs.List>
         <Tabs.Panel value="message">
           <Messages messages={messages} />
@@ -131,6 +143,7 @@ export default function ChatPage() {
                 ];
                 setMessages(messagesWithAssistantMessage);
                 setMessage("");
+                setFacts(response.insertedFacts);
                 setLoading(false);
               }
             }}
@@ -153,6 +166,13 @@ export default function ChatPage() {
             onChange={(value) => setParameters(JSON.parse(value))}
           />
         </Tabs.Panel>
+        <Tabs.Panel value="facts">
+          <List>
+            {facts.map((fact) => (
+              <List.Item key={fact.id}>{fact.content}</List.Item>
+            ))}
+          </List>
+        </Tabs.Panel>
       </Tabs>
     </>
   );
@@ -164,7 +184,6 @@ function Messages({
   messages: Array<DraftMessage | CommittedMessage>;
 }) {
   const theme = useMantineTheme();
-  console.log("messages", messages);
   return (
     <Stack gap="md" justify="flex-start">
       {messages.map((message, index) => (
@@ -188,7 +207,7 @@ function Messages({
             </div>
             <Markdown>{message.content}</Markdown>
           </Box>
-          {"runningSummary" in message && (
+          {"runningSummary" in message && message.runningSummary && (
             <Box w="75%" bd="dotted" p="md" bdrs="md">
               <div>
                 <strong>Running Summary:</strong>

pages/chat/@id/+data.ts

@@ -12,5 +12,5 @@ export const data = async (pageContext: PageContextServer) => {
   const messages = await caller.fetchMessages({
     conversationId: id,
   });
-  return { conversation, messages };
+  return { conversation, messages, facts: [] };
 };