lowcoder-org
diff --git a/‎client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx
Lines changed: 58 additions & 8 deletions b/‎client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx
Lines changed: 58 additions & 8 deletions
diff --git a/‎client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx
Lines changed: 6 additions & 4 deletions b/‎client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx
Lines changed: 6 additions & 4 deletions
diff --git a/‎client/packages/lowcoder/src/comps/comps/chatComp/components/ChatCore.tsx
Lines changed: 2 additions & 1 deletion b/‎client/packages/lowcoder/src/comps/comps/chatComp/components/ChatCore.tsx
Lines changed: 2 additions & 1 deletion
@@ -3,7 +3,7 @@
 import { UICompBuilder } from "comps/generators";
 import { NameConfig, withExposingConfigs } from "comps/generators/withExposing";
 import { StringControl } from "comps/controls/codeControl";
-import { stringExposingStateControl } from "comps/controls/codeStateControl";
+import { arrayObjectExposingStateControl, stringExposingStateControl } from "comps/controls/codeStateControl";
 import { withDefault } from "comps/generators";
 import { BoolControl } from "comps/controls/boolControl";
 import { dropdownControl } from "comps/controls/dropdownControl";
@@ -12,7 +12,7 @@ import { ChatCore } from "./components/ChatCore";
 import { ChatPropertyView } from "./chatPropertyView";
 import { createChatStorage } from "./utils/storageFactory";
 import { QueryHandler, createMessageHandler } from "./handlers/messageHandlers";
-import { useMemo } from "react";
+import { useMemo, useRef, useEffect } from "react";  
 import { changeChildAction } from "lowcoder-core";
 
 import "@assistant-ui/styles/index.css";
@@ -22,15 +22,19 @@ import "@assistant-ui/styles/markdown.css";
 // SIMPLIFIED CHILDREN MAP - ONLY ESSENTIAL PROPS
 // ============================================================================
 
+function generateUniqueTableName(): string {
+  return `chat${Math.floor(1000 + Math.random() * 9000)}`;
+ }
+
 const ModelTypeOptions = [
   { label: "Query", value: "query" },
   { label: "N8N Workflow", value: "n8n" },
 ] as const;
 
 export const chatChildrenMap = {
   // Storage
-  tableName: withDefault(StringControl, "default"),
-  
+  // Storage (add the hidden property here)
+  _internalDbName: withDefault(StringControl, ""),
   // Message Handler Configuration
   handlerType: dropdownControl(ModelTypeOptions, "query"),
   chatQuery: QuerySelectControl,                    // Only used for "query" type
@@ -41,8 +45,12 @@ export const chatChildrenMap = {
   // UI Configuration  
   placeholder: withDefault(StringControl, "Chat Component"),
 
+  // Database Information (read-only)
+  databaseName: withDefault(StringControl, ""),
+  
   // Exposed Variables (not shown in Property View)
   currentMessage: stringExposingStateControl("currentMessage", ""),
+  conversationHistory: stringExposingStateControl("conversationHistory", "[]"),
 };
 
 // ============================================================================
@@ -52,10 +60,27 @@ export const chatChildrenMap = {
 const ChatTmpComp = new UICompBuilder(
   chatChildrenMap,
   (props, dispatch) => {
-    // Create storage from tableName
-    const storage = useMemo(() => 
-      createChatStorage(props.tableName), 
-      [props.tableName]
+
+    const uniqueTableName = useRef<string>();
+
+      // Generate unique table name once (with persistence)
+    if (!uniqueTableName.current) {
+      // Use persisted name if exists, otherwise generate new one
+      uniqueTableName.current = props._internalDbName || generateUniqueTableName();
+      
+      // Save the name for future refreshes
+      if (!props._internalDbName) {
+        dispatch(changeChildAction("_internalDbName", uniqueTableName.current, false));
+      }
+      
+      // Update the database name in the props for display
+      const dbName = `ChatDB_${uniqueTableName.current}`;
+      dispatch(changeChildAction("databaseName", dbName, false));
+    }
+     // Create storage with unique table name
+     const storage = useMemo(() => 
+      createChatStorage(uniqueTableName.current!), 
+      []
     );
 
     // Create message handler based on type
@@ -96,11 +121,35 @@ const ChatTmpComp = new UICompBuilder(
       dispatch(changeChildAction("currentMessage", message, false));
     };
 
+    // Handle conversation history updates for exposed variable
+    const handleConversationUpdate = (conversationHistory: any[]) => {
+      // Format conversation history for use in queries
+      const formattedHistory = conversationHistory.map(msg => ({
+        role: msg.role,
+        content: msg.text,
+        timestamp: msg.timestamp
+      }));
+      dispatch(changeChildAction("conversationHistory", JSON.stringify(formattedHistory), false));
+    };
+
+       // Cleanup on unmount
+       useEffect(() => {
+        console.log("cleanup on unmount");
+        return () => {
+          console.log("cleanup on unmount");
+          const tableName = uniqueTableName.current;
+          if (tableName) {
+            storage.cleanup();
+          }
+        };
+      }, []);
+
     return (
       <ChatCore
         storage={storage}
         messageHandler={messageHandler}
         onMessageUpdate={handleMessageUpdate}
+        onConversationUpdate={handleConversationUpdate}
       />
     );
   }
@@ -114,4 +163,5 @@ const ChatTmpComp = new UICompBuilder(
 
 export const ChatComp = withExposingConfigs(ChatTmpComp, [
   new NameConfig("currentMessage", "Current user message"),
+  new NameConfig("conversationHistory", "Full conversation history as JSON array"),
 ]);
@@ -19,11 +19,13 @@ export const ChatPropertyView = React.memo((props: any) => {
           placeholder: "Enter placeholder text..."
         })}
 
-        {children.tableName.propertyView({ 
-          label: "Storage Table",
-          placeholder: "default",
-          tooltip: "Storage identifier - use same value to share conversations between components"
+        {children.databaseName.propertyView({ 
+          label: "Database Name",
+          placeholder: "Database will be auto-generated...",
+          tooltip: "Read-only: Auto-generated database name for data persistence. You can reference this in queries if needed.",
+          disabled: true
         })}
+        
       </Section>
 
       {/* Message Handler Configuration */}
 
@@ -9,12 +9,13 @@ import { ChatCoreProps } from "../types/chatTypes";
 // CHAT CORE - THE SHARED FOUNDATION
 // ============================================================================
 
-export function ChatCore({ storage, messageHandler, onMessageUpdate }: ChatCoreProps) {
+export function ChatCore({ storage, messageHandler, onMessageUpdate, onConversationUpdate }: ChatCoreProps) {
   return (
     <ChatProvider storage={storage}>
       <ChatCoreMain 
         messageHandler={messageHandler}
         onMessageUpdate={onMessageUpdate}
+        onConversationUpdate={onConversationUpdate}
       />
     </ChatProvider>
   );