init AI chat widget

app/client/package.json

@@ -161,6 +161,7 @@
     "nanoid": "^2.0.4",
     "node-forge": "^1.3.0",
     "object-hash": "^3.0.0",
+    "openai": "^4.64.0",
     "path-to-regexp": "^6.3.0",
     "popper.js": "^1.15.0",
     "prismjs": "^1.27.0",

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/index.tsx

@@ -0,0 +1,3 @@
+import WDSAIChatWidget from "./widget";
+
+export { WDSAIChatWidget };

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/anvilConfig.ts

@@ -0,0 +1,11 @@
+import type { AnvilConfig } from "WidgetProvider/constants";
+
+export const anvilConfig: AnvilConfig = {
+  isLargeWidget: false,
+  widgetSize: {
+    minWidth: {
+      base: "100%",
+      "180px": "sizing-30",
+    },
+  },
+};

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/autocompleteConfig.ts

@@ -0,0 +1,5 @@
+import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
+
+export const autocompleteConfig = {
+  isVisible: DefaultAutocompleteDefinitions.isVisible,
+};

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/defaultConfig.ts

@@ -0,0 +1,10 @@
+import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
+import type { WidgetDefaultProps } from "WidgetProvider/constants";
+
+export const defaultsConfig = {
+  isVisible: true,
+  widgetName: "AI Chat",
+  widgetType: "AI_CHAT",
+  version: 1,
+  responsiveBehavior: ResponsiveBehavior.Fill,
+} as unknown as WidgetDefaultProps;

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/index.ts

@@ -0,0 +1,17 @@
+import { anvilConfig } from "./anvilConfig";
+import { metaConfig } from "./metaConfig";
+import { defaultsConfig } from "./defaultConfig";
+import { propertyPaneContent } from "./propertyPaneContent";
+import { propertyPaneStyle } from "./propertyPaneStyle";
+import { methodsConfig } from "./methodsConfig";
+import { autocompleteConfig } from "./autocompleteConfig";
+
+export {
+  anvilConfig,
+  metaConfig,
+  defaultsConfig,
+  propertyPaneContent,
+  propertyPaneStyle,
+  methodsConfig,
+  autocompleteConfig,
+};

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/metaConfig.ts

@@ -0,0 +1,9 @@
+import { WIDGET_TAGS } from "constants/WidgetConstants";
+import type { WidgetBaseConfiguration } from "WidgetProvider/constants";
+
+export const metaConfig: WidgetBaseConfiguration = {
+  name: "AI Chat",
+  tags: [WIDGET_TAGS.CONTENT],
+  needsMeta: true,
+  searchTags: ["chat"],
+};

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/methodsConfig.ts

@@ -0,0 +1,6 @@
+import { ZoneIcon, ZoneThumbnail } from "appsmith-icons";
+
+export const methodsConfig = {
+  IconCmp: ZoneIcon,
+  ThumbnailCmp: ZoneThumbnail,
+};

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/propertyPaneContent.ts

@@ -0,0 +1,34 @@
+import { ValidationTypes } from "constants/WidgetValidation";
+
+export const propertyPaneContent = [
+  {
+    sectionName: "General",
+    children: [
+      {
+        helpText: "Controls the visibility of the widget",
+        propertyName: "isVisible",
+        label: "Visible",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+        defaultValue: true,
+      },
+    ],
+  },
+  {
+    sectionName: "Events",
+    children: [
+      {
+        helpText: "when the message is sent",
+        propertyName: "onMessageSent",
+        label: "onMessageSent",
+        controlType: "ACTION_SELECTOR",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: true,
+      },
+    ],
+  },
+];

app/client/src/modules/ui-builder/ui/wds/WDSAIChatWidget/widget/config/propertyPaneStyle.ts

@@ -0,0 +1 @@
+export const propertyPaneStyle = [];