[In Progress] [Feat]: Automator

.github/workflows/deploy-lowcoder-sdk-webpack-netlify.yml

@@ -0,0 +1,55 @@
+# Builds client/packages/lowcoder-sdk-webpack-bundle and deploys its dist/ folder to Netlify.
+#
+# Deploy uses --no-build so Netlify CLI does not run the site UI "build command" (e.g. expo).
+# The webpack bundle is built in the prior CI step.
+#
+# Repository secrets (Netlify: Site settings → General → Site details → Site ID;
+# User settings → Applications → Personal access tokens):
+#   NETLIFY_AUTH_TOKEN  — Netlify personal access token
+#   NETLIFY_SITE_ID     — Site API ID for the Netlify site
+
+name: Deploy SDK Webpack Bundle to Netlify
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+concurrency:
+  group: deploy-sdk-webpack-netlify-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+          cache: yarn
+          cache-dependency-path: client/yarn.lock
+
+      - name: Install dependencies
+        uses: borales/actions-yarn@v4.2.0
+        with:
+          cmd: install
+          dir: client
+
+      - name: Build lowcoder-sdk-webpack-bundle
+        uses: borales/actions-yarn@v4.2.0
+        with:
+          cmd: workspace lowcoder-sdk-webpack-bundle build
+          dir: client
+
+      - name: Deploy dist to Netlify
+        working-directory: client/packages/lowcoder-sdk-webpack-bundle
+        env:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SDK_SITE_ID }}
+        run: npx --yes netlify-cli deploy --prod --dir=dist --no-build

client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx

@@ -254,7 +254,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
   };
 
   const gridPaddingInputBlur = (padding: string) => { 
-    let result = 20;  
+    let result = 0;  
     if (padding !== '') {  
       result = Number(padding);  
     }

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

@@ -219,8 +219,8 @@ const childrenMap = {
   gridColumns: RangeControl.closed(1, 48, 24),
   gridRowHeight: RangeControl.closed(4, 100, 8),
   gridRowCount: withDefault(NumberControl, DEFAULT_ROW_COUNT),
-  gridPaddingX: withDefault(NumberControl, 20),
-  gridPaddingY: withDefault(NumberControl, 20),
+  gridPaddingX: withDefault(NumberControl, 0),
+  gridPaddingY: withDefault(NumberControl, 0),
   gridBg: ColorControl,
   gridBgImage: StringControl,
   gridBgImageRepeat: StringControl,
@@ -342,6 +342,10 @@ function AppGeneralSettingsModal(props: ChildrenInstance) {
 
 function AppCanvasSettingsModal(props: ChildrenInstance) {
   const isPublicApp = useSelector(isPublicApplication);
+  const application = useSelector(currentApplication);
+  const isAggregation = !!application && isAggregationApp(
+    AppUILayoutType[application.applicationType]
+  );
   const {
     themeList,
     defaultTheme,
@@ -397,7 +401,7 @@ function AppCanvasSettingsModal(props: ChildrenInstance) {
   return (
     <>
       <BaseSection
-        name={"Theme Settings"}
+        name={trans("appSetting.themeSettings")}
         width={288}
         noMargin
         style={{
@@ -454,33 +458,33 @@ function AppCanvasSettingsModal(props: ChildrenInstance) {
         }}
       >
         <DivStyled>
-          {maxWidth.propertyView({
+          {!isAggregation && maxWidth.propertyView({
             dropdownLabel: trans("appSetting.canvasMaxWidth"),
             inputLabel: trans("appSetting.userDefinedMaxWidth"),
             inputPlaceholder: trans("appSetting.inputUserDefinedPxValue"),
             placement: "bottom",
             min: 350,
             lastNode: <span>{trans("appSetting.maxWidthTip")}</span>,
           })}
-          {gridColumns.propertyView({
+          {!isAggregation && gridColumns.propertyView({
             label: trans("appSetting.gridColumns"),
             placeholder: '24',
           })}
-          {gridRowHeight.propertyView({
+          {!isAggregation && gridRowHeight.propertyView({
             label: trans("appSetting.gridRowHeight"),
             placeholder: '8',
           })}
-          {gridRowCount.propertyView({
+          {!isAggregation && gridRowCount.propertyView({
             label: trans("appSetting.gridRowCount"),
             placeholder: 'Infinity',
           })}
           {gridPaddingX.propertyView({
             label: trans("appSetting.gridPaddingX"),
-            placeholder: '20',
+            placeholder: '0',
           })}
           {gridPaddingY.propertyView({
             label: trans("appSetting.gridPaddingY"),
-            placeholder: '20',
+            placeholder: '0',
           })}
           {gridBg.propertyView({
             label: trans("style.background"),

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

@@ -14,7 +14,7 @@ import { ChatProvider } from "./components/context/ChatContext";
 import { ChatPropertyView } from "./chatPropertyView";
 import { createChatStorage } from "./utils/storageFactory";
 import { QueryHandler } from "./handlers/messageHandlers";
-import { useMemo, useRef, useEffect } from "react";  
+import { useMemo, useRef } from "react";  
 import { changeChildAction } from "lowcoder-core";
 import { ChatMessage } from "./types/chatTypes";
 import { trans } from "i18n";
@@ -249,16 +249,6 @@ const ChatTmpComp = new UICompBuilder(
       }
     };
 
-    // Cleanup on unmount
-    useEffect(() => {
-      return () => {
-        const tableName = uniqueTableName.current;
-        if (tableName) {
-          storage.cleanup();
-        }
-      };
-    }, []);
-
     // custom styles
     const styles = {
       style: props.style,

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

@@ -1,52 +1,62 @@
 // client/packages/lowcoder/src/comps/comps/chatComp/components/ChatPanel.tsx
 
-import { useMemo, useEffect } from "react";
+import { useMemo, useContext, useRef, useEffect } from "react";
 import { ChatPanelContainer } from "./ChatPanelContainer";
 import { createChatStorage } from "../utils/storageFactory";
-import { N8NHandler } from "../handlers/messageHandlers";
+import { AIAssistantQueryHandler } from "../handlers/messageHandlers";
 import { ChatPanelProps } from "../types/chatTypes";
-import { trans } from "i18n";
+import { EditorContext } from "@lowcoder-ee/comps/editorState";
 
 import "@assistant-ui/styles/index.css";
 import "@assistant-ui/styles/markdown.css";
 
 // ============================================================================
-// CHAT PANEL - SIMPLIFIED BOTTOM PANEL (NO STYLING CONTROLS)
+// CHAT PANEL - SIMPLIFIED BOTTOM PANEL (QUERY-BASED + AUTOMATOR)
+// ----------------------------------------------------------------------------
+// We capture the EditorState in a ref so the message handler always reads
+// the *latest* canvas snapshot at send-time (instead of being frozen at
+// mount time, which would defeat the whole point of context awareness).
 // ============================================================================
 
+interface ExtendedChatPanelProps extends ChatPanelProps {
+  /** When false, send conversation history without the Automator system prompt. */
+  enableAutomator?: boolean;
+}
+
 export function ChatPanel({
   tableName,
-  modelHost,
-  systemPrompt = trans("chat.defaultSystemPrompt"),
-  streaming = true,
-  onMessageUpdate
-}: ChatPanelProps) {
+  chatQuery,
+  onMessageUpdate,
+  enableAutomator = true,
+}: ExtendedChatPanelProps) {
+  const editorState = useContext(EditorContext);
+  const editorStateRef = useRef(editorState);
+
+  useEffect(() => {
+    editorStateRef.current = editorState;
+  }, [editorState]);
+
   const storage = useMemo(() =>
     createChatStorage(tableName),
     [tableName]
   );
 
-  const messageHandler = useMemo(() =>
-    new N8NHandler({
-      modelHost,
-      systemPrompt,
-      streaming
-    }),
-    [modelHost, systemPrompt, streaming]
+  const messageHandler = useMemo(
+    () =>
+      new AIAssistantQueryHandler({
+        chatQuery,
+        dispatch: editorState?.rootComp?.dispatch,
+        getEditorState: () => editorStateRef.current,
+        enableAutomator,
+      }),
+    [chatQuery, editorState?.rootComp?.dispatch, enableAutomator]
   );
 
-  // Cleanup on unmount - delete chat data from storage
-  useEffect(() => {
-    return () => {
-      storage.cleanup();
-    };
-  }, [storage]);
-
   return (
     <ChatPanelContainer
       storage={storage}
       messageHandler={messageHandler}
       onMessageUpdate={onMessageUpdate}
     />
   );
-}
+}