telygent-ui 0.1.7 → 0.1.8

package/README.md

@@ -18,9 +18,9 @@ import {ChatProvider, type SendMessageInput, type SendMessageResult, type ChatMe
 import {ChatInterface} from "@/components/ai/ChatInterface";
 
 const adapter = {
-  async sendMessage({message, conversationId}: SendMessageInput): Promise<SendMessageResult> {
+  async sendMessage({message, conversationId, messageContext}: SendMessageInput): Promise<SendMessageResult> {
     // Use React Query, Axios, RTK Query, etc.
-    const response = await api.send({message, conversationId});
+    const response = await api.send({message, conversationId, messageContext});
     return {
       conversationId: response.conversationId,
       message: {
@@ -45,9 +45,10 @@ const adapter = {
 
 export default function Page() {
   const conversationId = "your-conversation-id";
+  const messageContext = "Viewing document id: 3283823883";
   return (
     <ChatProvider adapter={adapter}>
-      <ChatInterface conversationId={conversationId} aiName="Telygent" />
+      <ChatInterface conversationId={conversationId} aiName="Telygent" messageContext={messageContext} />
     </ChatProvider>
   );
 }
@@ -68,6 +69,7 @@ async function* streamChat(input: SendMessageInput): AsyncIterable<ChatStreamEve
     body: JSON.stringify({
       question: input.message,
       conversationId: input.conversationId,
+      messageContext: input.messageContext,
     }),
   });
 
@@ -111,7 +113,7 @@ const adapter = {
 export default function Page() {
   return (
     <ChatProvider adapter={adapter}>
-      <ChatInterface conversationId="conv_123" />
+      <ChatInterface conversationId="conv_123" messageContext="Viewing transaction id: txn_123" />
     </ChatProvider>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telygent-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Telygent UI CLI",
   "type": "commonjs",
   "main": "dist/index.js",

package/registry/components/ChatInterface.tsx

@@ -385,7 +385,7 @@ UserMessageBody.displayName = "UserMessageBody";
 
 export type ChatInterfaceProps = {
   className?: string;
-  viewContext?: string;
+  messageContext?: string;
   placeholder?: string;
   defaultPrompts?: {label: string; accent?: string}[];
   conversationId: string;
@@ -396,7 +396,7 @@ export type ChatInterfaceProps = {
 
 export function ChatInterface({
   className,
-  viewContext,
+  messageContext,
   placeholder,
   defaultPrompts,
   conversationId,
@@ -413,7 +413,7 @@ export function ChatInterface({
     loading,
     loadingHistory,
     prompts,
-  } = useDatabaseChat({viewContext, defaultPrompts, conversationId});
+  } = useDatabaseChat({messageContext, defaultPrompts, conversationId});
 
   const containerRef = React.useRef<HTMLDivElement>(null);
   const scrollRef = React.useRef<HTMLDivElement>(null);
@@ -620,10 +620,10 @@ export function ChatInterface({
       </div>
 
       <div className="border-t border-slate-200 bg-white px-6 py-4">
-        {viewContext ? (
+        {messageContext ? (
           <div className="mb-2 flex w-6/12">
             <div className="truncate rounded-full border border-[dodgerblue] bg-[dodgerblue]/10 px-2 text-xs">
-              {viewContext}
+              {messageContext}
             </div>
           </div>
         ) : null}

package/registry/components/ChatProvider.tsx

@@ -38,7 +38,7 @@ export type ChatMessage = {
 export type SendMessageInput = {
   message: string;
   conversationId: string;
-  context?: string;
+  messageContext?: string;
 };
 
 export type SendMessageResult = {

package/registry/hooks/use-database-chat.ts

@@ -5,12 +5,12 @@ import {useChatAdapter, type ChatMessage, type ChatStreamEvent} from "../compone
 
 export type UseDatabaseChatOptions = {
   conversationId: string;
-  viewContext?: string;
+  messageContext?: string;
   defaultPrompts?: {label: string; accent?: string}[];
 };
 
 export function useDatabaseChat(options: UseDatabaseChatOptions) {
-  const {conversationId: initialConversationId, viewContext, defaultPrompts} = options;
+  const {conversationId: initialConversationId, messageContext, defaultPrompts} = options;
   const adapter = useChatAdapter();
 
   const [conversationId] = React.useState<string>(initialConversationId);
@@ -74,7 +74,6 @@ export function useDatabaseChat(options: UseDatabaseChatOptions) {
         return;
       }
 
-      const withContext = `${viewContext ?? ""} ${outgoing}`.trim();
       addMessage({role: "user", content: outgoing, createdAt: new Date()});
       setMessage("");
 
@@ -93,9 +92,9 @@ export function useDatabaseChat(options: UseDatabaseChatOptions) {
 
           const stream =
             (await adapter.sendMessageStream({
-              message: withContext,
+              message: outgoing,
               conversationId,
-              context: viewContext,
+              messageContext,
             })) as AsyncIterable<ChatStreamEvent>;
 
           for await (const event of stream) {
@@ -135,9 +134,9 @@ export function useDatabaseChat(options: UseDatabaseChatOptions) {
           }
         } else {
           const result = await adapter.sendMessage({
-            message: withContext,
+            message: outgoing,
             conversationId,
-            context: viewContext,
+            messageContext,
           });
           addMessage(result.message);
         }
@@ -145,7 +144,7 @@ export function useDatabaseChat(options: UseDatabaseChatOptions) {
         setLoading(false);
       }
     },
-    [adapter, addMessage, conversationId, message, viewContext]
+    [adapter, addMessage, conversationId, message, messageContext]
   );
 
   return {