remove unnecessary settings from the AI chat component

Author: iamfaran

client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx

@@ -6,16 +6,14 @@ import { StringControl } from "comps/controls/codeControl";
 import { arrayObjectExposingStateControl, stringExposingStateControl } from "comps/controls/codeStateControl";
 import { JSONObject } from "util/jsonTypes";
 import { withDefault } from "comps/generators";
-import { BoolControl } from "comps/controls/boolControl";
-import { dropdownControl } from "comps/controls/dropdownControl";
 import QuerySelectControl from "comps/controls/querySelectControl";
 import { eventHandlerControl, EventConfigType } from "comps/controls/eventHandlerControl";
 import { AutoHeightControl } from "comps/controls/autoHeightControl";
 import { ChatContainer } from "./components/ChatContainer";
 import { ChatProvider } from "./components/context/ChatContext";
 import { ChatPropertyView } from "./chatPropertyView";
 import { createChatStorage } from "./utils/storageFactory";
-import { QueryHandler, createMessageHandler } from "./handlers/messageHandlers";
+import { QueryHandler } from "./handlers/messageHandlers";
 import { useMemo, useRef, useEffect } from "react";  
 import { changeChildAction } from "lowcoder-core";
 import { ChatMessage } from "./types/chatTypes";
@@ -143,21 +141,13 @@ function generateUniqueTableName(): string {
   return `chat${Math.floor(1000 + Math.random() * 9000)}`;
  }
 
-const ModelTypeOptions = [
-  { label: trans("chat.handlerTypeQuery"), value: "query" },
-  { label: trans("chat.handlerTypeN8N"), value: "n8n" },
-] as const;
-
 export const chatChildrenMap = {
-  // Storage
-  // Storage (add the hidden property here)
+  // Storage (internal, hidden)
   _internalDbName: withDefault(StringControl, ""),
+  
   // Message Handler Configuration
-  handlerType: dropdownControl(ModelTypeOptions, "query"),
-  chatQuery: QuerySelectControl,                    // Only used for "query" type
-  modelHost: withDefault(StringControl, ""),        // Only used for "n8n" type
+  chatQuery: QuerySelectControl,
   systemPrompt: withDefault(StringControl, trans("chat.defaultSystemPrompt")),
-  streaming: BoolControl.DEFAULT_TRUE,
 
   // UI Configuration  
   placeholder: withDefault(StringControl, trans("chat.defaultPlaceholder")),
@@ -220,36 +210,14 @@ const ChatTmpComp = new UICompBuilder(
       []
     );
 
-    // Create message handler based on type
+    // Create message handler (Query only)
     const messageHandler = useMemo(() => {
-      const handlerType = props.handlerType;
-      
-      if (handlerType === "query") {
-        return new QueryHandler({
-          chatQuery: props.chatQuery.value,
-          dispatch,
-          streaming: props.streaming,
-        });
-      } else if (handlerType === "n8n") {
-        return createMessageHandler("n8n", {
-          modelHost: props.modelHost,
-          systemPrompt: props.systemPrompt,
-          streaming: props.streaming
-        });
-      } else {
-        // Fallback to mock handler
-        return createMessageHandler("mock", {
-          chatQuery: props.chatQuery.value,
-          dispatch,
-          streaming: props.streaming
-        });
-      }
+      return new QueryHandler({
+        chatQuery: props.chatQuery.value,
+        dispatch,
+      });
     }, [
-      props.handlerType,
       props.chatQuery, 
-      props.modelHost,
-      props.systemPrompt,
-      props.streaming,
       dispatch,
     ]);
 

client/packages/lowcoder/src/comps/comps/chatComp/chatCompTypes.ts

@@ -8,12 +8,9 @@ export type ChatCompProps = {
   // Storage
   tableName: string;
 
-  // Message Handler
-  handlerType: "query" | "n8n";
-  chatQuery: string;        // Only used when handlerType === "query"
-  modelHost: string;        // Only used when handlerType === "n8n"
+  // Message Handler (Query only)
+  chatQuery: string;
   systemPrompt: string;
-  streaming: boolean;
 
   // UI
   placeholder: string;

client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx

@@ -4,6 +4,7 @@ import React, { useMemo } from "react";
 import { Section, sectionNames, DocLink } from "lowcoder-design";
 import { trans } from "i18n";
 import { hiddenPropertyView } from "comps/utils/propertyUtils";
+import { controlItem } from "lowcoder-design";
 
 // ============================================================================
 // CLEAN PROPERTY VIEW - FOCUSED ON ESSENTIAL CONFIGURATION
@@ -27,38 +28,16 @@ export const ChatPropertyView = React.memo((props: any) => {
 
       {/* Message Handler Configuration */}
       <Section name={trans("chat.messageHandler")}>
-        {children.handlerType.propertyView({ 
-          label: trans("chat.handlerType"),
-          tooltip: trans("chat.handlerTypeTooltip"),
+        {children.chatQuery.propertyView({ 
+          label: trans("chat.chatQuery"),
+          placeholder: trans("chat.chatQueryPlaceholder"),
         })}
 
-        {/* Conditional Query Selection */}
-        {children.handlerType.getView() === "query" && (
-          children.chatQuery.propertyView({ 
-            label: trans("chat.chatQuery"),
-            placeholder: trans("chat.chatQueryPlaceholder"),
-          })
-        )}
-
-        {/* Conditional N8N Configuration */}
-        {children.handlerType.getView() === "n8n" && (
-          children.modelHost.propertyView({ 
-            label: trans("chat.modelHost"),
-            placeholder: trans("chat.modelHostPlaceholder"),
-            tooltip: trans("chat.modelHostTooltip"),
-          })
-        )}
-
         {children.systemPrompt.propertyView({ 
           label: trans("chat.systemPrompt"),
           placeholder: trans("chat.systemPromptPlaceholder"),
           tooltip: trans("chat.systemPromptTooltip"),
         })}
-
-        {children.streaming.propertyView({ 
-          label: trans("chat.streaming"),
-          tooltip: trans("chat.streamingTooltip"),
-        })}
       </Section>
 
       {/* UI Configuration */}
@@ -81,11 +60,37 @@ export const ChatPropertyView = React.memo((props: any) => {
 
       {/* Database Section */}
       <Section name={trans("chat.database")}>
-        {children.databaseName.propertyView({ 
-          label: trans("chat.databaseName"),
-          tooltip: trans("chat.databaseNameTooltip"),
-          readonly: true
-        })}
+        {controlItem(
+          { filterText: trans("chat.databaseName") },
+          <div style={{ padding: "8px 16px" }}>
+            <div style={{ 
+              fontSize: "13px", 
+              color: "#8B8FA3", 
+              marginBottom: "4px",
+              fontWeight: 500
+            }}>
+              {trans("chat.databaseName")}
+            </div>
+            <div style={{ 
+              fontSize: "13px", 
+              color: "#222222",
+              padding: "6px 12px",
+              backgroundColor: "#F5F5F6",
+              borderRadius: "4px",
+              border: "1px solid #D7D9E0",
+              fontFamily: "monospace"
+            }}>
+              {children.databaseName.getView() || "Not initialized"}
+            </div>
+            <div style={{ 
+              fontSize: "12px", 
+              color: "#8B8FA3", 
+              marginTop: "4px"
+            }}>
+              {trans("chat.databaseNameTooltip")}
+            </div>
+          </div>
+        )}
       </Section>
 
       {/* STANDARD EVENT HANDLERS SECTION */}

client/packages/lowcoder/src/comps/comps/chatComp/types/chatTypes.ts

@@ -63,8 +63,6 @@ export interface ChatMessage {
   export interface QueryHandlerConfig {
     chatQuery: string;
     dispatch: any;
-    streaming?: boolean;
-    systemPrompt?: string;
   }
 
 // ============================================================================

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -1443,18 +1443,11 @@ export const en = {
 
   "chat": {
     // Property View Labels & Tooltips
-    "handlerType": "Handler Type",
-    "handlerTypeTooltip": "How messages are processed",
     "chatQuery": "Chat Query", 
     "chatQueryPlaceholder": "Select a query to handle messages",
-    "modelHost": "N8N Webhook URL",
-    "modelHostPlaceholder": "http://localhost:5678/webhook/...",
-    "modelHostTooltip": "N8N webhook endpoint for processing messages",
     "systemPrompt": "System Prompt",
     "systemPromptPlaceholder": "You are a helpful assistant...",
     "systemPromptTooltip": "Initial instructions for the AI",
-    "streaming": "Enable Streaming", 
-    "streamingTooltip": "Stream responses in real-time (when supported)",
     "databaseName": "Database Name",
     "databaseNameTooltip": "Auto-generated database name for this chat component (read-only)",
 
@@ -1475,11 +1468,6 @@ export const en = {
 
     // Error Messages
     "errorUnknown": "Sorry, I encountered an error. Please try again.",
-    
-    // Handler Types
-    "handlerTypeQuery": "Query",
-    "handlerTypeN8N": "N8N Workflow",
-    
     // Section Names
     "messageHandler": "Message Handler",
     "uiConfiguration": "UI Configuration",