diff --git a/.github/config.json b/.github/config.json
index b7fe7053c0d5..1e1f5d41415d 100644
--- a/.github/config.json
+++ b/.github/config.json
@@ -1 +1 @@
-{"runners":[{"versioning":{"source":"milestones","type":"SemVer"},"prereleaseName":"alpha","issue":{"labels":{"Widgets Product":{"conditions":[{"label":"Button Widget","type":"hasLabel","value":true},{"label":"Chart Widget","type":"hasLabel","value":true},{"label":"Container Widget","type":"hasLabel","value":true},{"label":"Date Picker Widget","type":"hasLabel","value":true},{"label":"Select Widget","type":"hasLabel","value":true},{"label":"File Picker Widget","type":"hasLabel","value":true},{"label":"Form Widget","type":"hasLabel","value":true},{"label":"Image Widget","type":"hasLabel","value":true},{"label":"Input Widget","type":"hasLabel","value":true},{"label":"List Widget","type":"hasLabel","value":true},{"label":"MultiSelect Widget","type":"hasLabel","value":true},{"label":"Map Widget","type":"hasLabel","value":true},{"label":"Modal Widget","type":"hasLabel","value":true},{"label":"Radio Widget","type":"hasLabel","value":true},{"label":"Rich Text Editor Widget","type":"hasLabel","value":true},{"label":"Tab Widget","type":"hasLabel","value":true},{"label":"Table Widget","type":"hasLabel","value":true},{"label":"Text Widget","type":"hasLabel","value":true},{"label":"Video Widget","type":"hasLabel","value":true},{"label":"iFrame","type":"hasLabel","value":true},{"label":"Menu Button","type":"hasLabel","value":true},{"label":"Rating","type":"hasLabel","value":true},{"label":"Widget Validation","type":"hasLabel","value":true},{"label":"New Widget","type":"hasLabel","value":true},{"label":"Switch widget","type":"hasLabel","value":true},{"label":"Audio Widget","type":"hasLabel","value":true},{"label":"Icon Button Widget","type":"hasLabel","value":true},{"label":"Stat Box Widget","type":"hasLabel","value":true},{"label":"Voice Recorder Widget","type":"hasLabel","value":true},{"label":"Calendar Widget","type":"hasLabel","value":true},{"label":"Menu Button Widget","type":"hasLabel","value":true},{"label":"Divider Widget","type":"hasLabel","value":true},{"label":"Rating Widget","type":"hasLabel","value":true},{"label":"View Mode","type":"hasLabel","value":true},{"label":"Widget Property","type":"hasLabel","value":true},{"label":"Document Viewer Widget","type":"hasLabel","value":true},{"label":"Radio Group Widget","type":"hasLabel","value":true},{"label":"Currency Input Widget","type":"hasLabel","value":true},{"label":"TreeSelect","type":"hasLabel","value":true},{"label":"MultiTree Select Widget","type":"hasLabel","value":true},{"label":"Phone Input Widget","type":"hasLabel","value":true},{"label":"JSON Form","type":"hasLabel","value":true},{"label":"All Widgets","type":"hasLabel","value":true},{"label":"Button Group widget","type":"hasLabel","value":true},{"label":"Progress bar widget","type":"hasLabel","value":true},{"label":"Audio Recorder Widget","type":"hasLabel","value":true},{"label":"Camera Widget","type":"hasLabel","value":true},{"label":"Table Widget V2","type":"hasLabel","value":true},{"label":"Map Chart Widget","type":"hasLabel","value":true},{"label":"Code Scanner Widget","type":"hasLabel","value":true},{"label":"Widget keyboard accessibility","type":"hasLabel","value":true},{"label":"List Widget V2","type":"hasLabel","value":true},{"label":"Slider Widget","type":"hasLabel","value":true},{"label":"One-click Binding","type":"hasLabel","value":true},{"label":"Old widget version","type":"hasLabel","value":true},{"label":"Widget Discoverability","type":"hasLabel","value":true},{"label":"Switch Group Widget","type":"hasLabel","value":true},{"label":"Checkbox Group widget","type":"hasLabel","value":true},{"label":"Checkbox Widget","type":"hasLabel","value":true},{"label":"Table Inline Edit","type":"hasLabel","value":true},{"label":"Custom Widgets","type":"hasLabel","value":true}],"requires":1},"Javascript Product":{"conditions":[{"label":"JS Linting & Errors","type":"hasLabel","value":true},{"label":"Autocomplete","type":"hasLabel","value":true},{"label":"Evaluated Value","type":"hasLabel","value":true},{"label":"Slash Command","type":"hasLabel","value":true},{"label":"New JS Function","type":"hasLabel","value":true},{"label":"JS Usability","type":"hasLabel","value":true},{"label":"Framework Functions","type":"hasLabel","value":true},{"label":"JS Objects","type":"hasLabel","value":true},{"label":"JS Evaluation","type":"hasLabel","value":true},{"label":"Custom JS Libraries","type":"hasLabel","value":true},{"label":"Action Selector","type":"hasLabel","value":true},{"label":"Widget setter method","type":"hasLabel","value":true},{"label":"Entity Refactor","type":"hasLabel","value":true},{"label":"AST-frontend","type":"hasLabel","value":true},{"label":"Sniping Mode","type":"hasLabel","value":true},{"label":"AST-backend","type":"hasLabel","value":true}],"requires":1},"IDE Product":{"conditions":[{"label":"IDE Product","type":"hasLabel","value":true},{"label":"IDE Infra","type":"hasLabel","value":true},{"label":"IDE Navigation","type":"hasLabel","value":true},{"label":"IDE tabs","type":"hasLabel","value":true},{"label":"Omnibar","type":"hasLabel","value":true},{"label":"Entity Explorer","type":"hasLabel","value":true},{"label":"Page Management","type":"hasLabel","value":true},{"label":"Preview mode","type":"hasLabel","value":true},{"label":"Entity Management","type":"hasLabel","value":true}],"requires":1},"Accelerators Product":{"conditions":[{"label":"Generate Page","type":"hasLabel","value":true},{"label":"Building blocks","type":"hasLabel","value":true}],"requires":1},"Templates Product":{"conditions":[{"label":"Partial-import-export","type":"hasLabel","value":true},{"label":"Templates Product","type":"hasLabel","value":true}],"requires":1},"Design System Product":{"conditions":[{"label":"Design System Product","type":"hasLabel","value":true},{"label":"ADS Component Issue","type":"hasLabel","value":true},{"label":"Keyboard accessibility ","type":"hasLabel","value":true},{"label":"Toggle button","type":"hasLabel","value":true},{"label":"ADS Category Token","type":"hasLabel","value":true},{"label":"ADS Component Documentation","type":"hasLabel","value":true},{"label":"ADS Migration","type":"hasLabel","value":true},{"label":"ADS Deduplication ","type":"hasLabel","value":true},{"label":"ADS Revamp","type":"hasLabel","value":true},{"label":"ADS Deduplication","type":"hasLabel","value":true},{"label":"ADS Unit Test","type":"hasLabel","value":true},{"label":"ADS Components","type":"hasLabel","value":true},{"label":"ADS Grayscale","type":"hasLabel","value":true},{"label":"Design System","type":"hasLabel","value":true},{"label":"ADS Typography","type":"hasLabel","value":true},{"label":"ADS Visual Styles","type":"hasLabel","value":true},{"label":"ADS Component Design","type":"hasLabel","value":true},{"label":"Modal Component","type":"hasLabel","value":true},{"label":"ADS Spacing","type":"hasLabel","value":true},{"label":"ads unit test","type":"hasLabel","value":true},{"label":"ads revamp","type":"hasLabel","value":true},{"label":"ads deduplication","type":"hasLabel","value":true}],"requires":1},"RBAC Product":{"conditions":[{"label":"Invite users","type":"hasLabel","value":true},{"label":"RBAC Product","type":"hasLabel","value":true}],"requires":1},"Workspace Product":{"conditions":[{"label":"Home Page","type":"hasLabel","value":true},{"label":"Workspace Product","type":"hasLabel","value":true}],"requires":1},"Billing & Licensing Product":{"conditions":[{"label":"Customer Portal","type":"hasLabel","value":true},{"label":"Cloud Services","type":"hasLabel","value":true},{"label":"Billing","type":"hasLabel","value":true},{"label":"Self Serve","type":"hasLabel","value":true},{"label":"Enterprise Billing","type":"hasLabel","value":true},{"label":"Analytics Improvements","type":"hasLabel","value":true},{"label":"Self Serve 1.0","type":"hasLabel","value":true},{"label":"License","type":"hasLabel","value":true},{"label":"BE instance","type":"hasLabel","value":true},{"label":"Invite flow","type":"hasLabel","value":true},{"label":"CE Instance Usage","type":"hasLabel","value":true},{"label":"Feature Flagging","type":"hasLabel","value":true}],"requires":1},"Packages Product":{"conditions":[{"label":"Packages Product","type":"hasLabel","value":true}],"requires":1},"Environments Product":{"conditions":[{"label":"Environments Product","type":"hasLabel","value":true}],"requires":1},"UI Building Product":{"conditions":[{"label":"Property Pane","type":"hasLabel","value":true},{"label":"Copy Paste","type":"hasLabel","value":true},{"label":"Drag & Drop","type":"hasLabel","value":true},{"label":"Undo/Redo","type":"hasLabel","value":true},{"label":"Widgets Pane","type":"hasLabel","value":true},{"label":"UI Performance","type":"hasLabel","value":true},{"label":"Widget Grouping","type":"hasLabel","value":true},{"label":"Reflow & Resize","type":"hasLabel","value":true},{"label":"Canvas / Grid","type":"hasLabel","value":true},{"label":"Auto Height","type":"hasLabel","value":true},{"label":"Browser specific","type":"hasLabel","value":true},{"label":"Auto Layout","type":"hasLabel","value":true},{"label":"Fixed layout","type":"hasLabel","value":true},{"label":"App Navigation","type":"hasLabel","value":true}],"requires":1},"Onboarding Product":{"conditions":[{"label":"Welcome Screen","type":"hasLabel","value":true}],"requires":1},"Git Product":{"conditions":[{"label":"Git Product","type":"hasLabel","value":true},{"label":"Git Auto-commit","type":"hasLabel","value":true},{"label":"Auto-commit","type":"hasLabel","value":true},{"label":"Continuous Deployment","type":"hasLabel","value":true},{"label":"Default branch","type":"hasLabel","value":true},{"label":"Git status","type":"hasLabel","value":true},{"label":"Git performance","type":"hasLabel","value":true},{"label":"SDLC","type":"hasLabel","value":true},{"label":"Git IA","type":"hasLabel","value":true},{"label":"Branch management","type":"hasLabel","value":true}],"requires":1},"Embedding Apps Product":{"conditions":[{"label":"Embedding Apps Product","type":"hasLabel","value":true}],"requires":1},"Integrations Product":{"conditions":[{"label":"New Datasource","type":"hasLabel","value":true},{"label":"Firestore","type":"hasLabel","value":true},{"label":"Google Sheets","type":"hasLabel","value":true},{"label":"Mongo","type":"hasLabel","value":true},{"label":"Redshift","type":"hasLabel","value":true},{"label":"snowflake","type":"hasLabel","value":true},{"label":"S3","type":"hasLabel","value":true},{"label":"Redis","type":"hasLabel","value":true},{"label":"Postgres","type":"hasLabel","value":true},{"label":"GraphQL Plugin","type":"hasLabel","value":true},{"label":"ArangoDB","type":"hasLabel","value":true},{"label":"MsSQL","type":"hasLabel","value":true},{"label":"Elastic Search","type":"hasLabel","value":true},{"label":"OAuth","type":"hasLabel","value":true},{"label":"Airtable","type":"hasLabel","value":true},{"label":"CURL","type":"hasLabel","value":true},{"label":"DynamoDB","type":"hasLabel","value":true},{"label":"Zendesk","type":"hasLabel","value":true},{"label":"Hubspot","type":"hasLabel","value":true},{"label":"Query Forms","type":"hasLabel","value":true},{"label":"Twilio","type":"hasLabel","value":true},{"label":"MySQL","type":"hasLabel","value":true},{"label":"Connection pool","type":"hasLabel","value":true},{"label":"MariaDB","type":"hasLabel","value":true},{"label":"Integrations Pod General","type":"hasLabel","value":true},{"label":"SMTP plugin","type":"hasLabel","value":true},{"label":"Oracle SQL DB","type":"hasLabel","value":true},{"label":"Query filter","type":"hasLabel","value":true},{"label":"Activation - datasources","type":"hasLabel","value":true},{"label":"REST API","type":"hasLabel","value":true},{"label":"REST API","type":"hasLabel","value":true},{"label":"Datasources","type":"hasLabel","value":true},{"label":"REST API plugin","type":"hasLabel","value":true},{"label":"Prepared statements","type":"hasLabel","value":true},{"label":"Query Generation","type":"hasLabel","value":true},{"label":"Core Query Execution","type":"hasLabel","value":true},{"label":"Query Management","type":"hasLabel","value":true},{"label":"Query Settings","type":"hasLabel","value":true},{"label":"Query performance","type":"hasLabel","value":true},{"label":"Datatype issue","type":"hasLabel","value":true},{"label":"SmartSubstitution","type":"hasLabel","value":true},{"label":"Suggested Widgets","type":"hasLabel","value":true},{"label":"SAAS Plugins","type":"hasLabel","value":true},{"label":"Reconnect DS modal","type":"hasLabel","value":true},{"label":"OnPageLoad","type":"hasLabel","value":true},{"label":"File upload issues","type":"hasLabel","value":true},{"label":"AI","type":"hasLabel","value":true},{"label":"Appsmith AI","type":"hasLabel","value":true},{"label":"Database Schema","type":"hasLabel","value":true}],"requires":1},"Identity & Authentication Product":{"conditions":[{"label":"Login / Signup","type":"hasLabel","value":true},{"label":"SSO","type":"hasLabel","value":true},{"label":"SCIM","type":"hasLabel","value":true},{"label":"Email verification","type":"hasLabel","value":true}],"requires":1},"Artifact Platform Product":{"conditions":[{"label":"Fork App","type":"hasLabel","value":true},{"label":"Publish App","type":"hasLabel","value":true},{"label":"Secret Management","type":"hasLabel","value":true},{"label":"Import-Export-App","type":"hasLabel","value":true}],"requires":1},"DevOps Pod":{"conditions":[{"label":"Docker","type":"hasLabel","value":true},{"label":"Super Admin","type":"hasLabel","value":true},{"label":"Deployment","type":"hasLabel","value":true},{"label":"K8s","type":"hasLabel","value":true},{"label":"Email Config","type":"hasLabel","value":true},{"label":"Backup & Restore","type":"hasLabel","value":true},{"label":"AWS AMI","type":"hasLabel","value":true},{"label":"Observability","type":"hasLabel","value":true},{"label":"Heroku","type":"hasLabel","value":true},{"label":"New Deployment Mode","type":"hasLabel","value":true},{"label":"Supervisor","type":"hasLabel","value":true},{"label":"Deployment Certificates","type":"hasLabel","value":true},{"label":"Mock Data","type":"hasLabel","value":true},{"label":"AWS ECS","type":"hasLabel","value":true},{"label":"Ingress","type":"hasLabel","value":true},{"label":"Nginx","type":"hasLabel","value":true},{"label":"Setup Issues","type":"hasLabel","value":true}],"requires":1},"Performance Pod":{"conditions":[{"label":"Performance","type":"hasLabel","value":true},{"label":"Performance infra","type":"hasLabel","value":true}],"requires":1},"IDE Pod":{"conditions":[{"label":"Telemetry","type":"hasLabel","value":true},{"label":"i18n","type":"hasLabel","value":true},{"label":"IDE Product","type":"hasLabel","value":true},{"label":"App setting","type":"hasLabel","value":true},{"label":"Debugger Product","type":"hasLabel","value":true},{"label":"Embedding Apps Product","type":"hasLabel","value":true}],"requires":1},"Platform Administration Pod":{"conditions":[{"label":"Airgap","type":"hasLabel","value":true},{"label":"Enterprise Edition","type":"hasLabel","value":true},{"label":"Invite flow","type":"hasLabel","value":true},{"label":"User Profile","type":"hasLabel","value":true},{"label":"User Session ","type":"hasLabel","value":true},{"label":"User Session","type":"hasLabel","value":true},{"label":"Admin Settings Product","type":"hasLabel","value":true},{"label":"RBAC Product","type":"hasLabel","value":true},{"label":"Workspace Product","type":"hasLabel","value":true},{"label":"Branding Product","type":"hasLabel","value":true},{"label":"Audit Logs Product","type":"hasLabel","value":true},{"label":"Identity & Authentication Product","type":"hasLabel","value":true}],"requires":1},"DB Infrastructure Pod":{"conditions":[{"label":"Move to Postgres","type":"hasLabel","value":true}],"requires":1},"Widgets & Accelerators Pod":{"conditions":[{"label":"Accelerators Product","type":"hasLabel","value":true},{"label":"Templates Product","type":"hasLabel","value":true},{"label":"Widgets Product","type":"hasLabel","value":true},{"label":"App Theming Product","type":"hasLabel","value":true}],"requires":1},"Packages Pod":{"conditions":[{"label":"Module creator","type":"hasLabel","value":true},{"label":"Module consumer","type":"hasLabel","value":true},{"label":"Package versioning","type":"hasLabel","value":true},{"label":"Convert to module","type":"hasLabel","value":true},{"label":"Query module","type":"hasLabel","value":true},{"label":"JS module","type":"hasLabel","value":true},{"label":"UI module","type":"hasLabel","value":true},{"label":"Packages Pod","type":"hasLabel","value":true}],"requires":1},"Workflows Pod":{"conditions":[{"label":"Workflows Product","type":"hasLabel","value":true}],"requires":1},"Query & JS Pod":{"conditions":[{"label":"Javascript Product","type":"hasLabel","value":true},{"label":"Onboarding Product","type":"hasLabel","value":true},{"label":"Integrations Product","type":"hasLabel","value":true},{"label":"Reconfigure Datasource Modal","type":"hasLabel","value":true}],"requires":1},"QA Pod":{"conditions":[{"label":"QA","type":"hasLabel","value":true},{"label":"Automation Test","type":"hasLabel","value":true},{"label":"TestGap","type":"hasLabel","value":true},{"label":"Automation failures","type":"hasLabel","value":true},{"label":"Needs automation","type":"hasLabel","value":true}],"requires":1},"Anvil POD":{"conditions":[{"label":"Checkbox Component","type":"hasLabel","value":true},{"label":"WDS team","type":"hasLabel","value":true},{"label":"Anvil POD","type":"hasLabel","value":true},{"label":"WDS - all widgets","type":"hasLabel","value":true},{"label":"WDS - input widget","type":"hasLabel","value":true},{"label":"WDS - paragraph widget","type":"hasLabel","value":true},{"label":"WDS - statbox widget","type":"hasLabel","value":true},{"label":"WDS - modal widget","type":"hasLabel","value":true},{"label":"WDS - icon widget","type":"hasLabel","value":true},{"label":"WDS - checkbox widget","type":"hasLabel","value":true},{"label":"WDS - table widget","type":"hasLabel","value":true},{"label":"WDS - keyValue widget","type":"hasLabel","value":true},{"label":"WDS - switch group widget","type":"hasLabel","value":true},{"label":"WDS - theming","type":"hasLabel","value":true},{"label":"Anvil layout","type":"hasLabel","value":true},{"label":"Anvil - theming","type":"hasLabel","value":true},{"label":"Anvil - vertical alignment","type":"hasLabel","value":true},{"label":"Anvil - layout component","type":"hasLabel","value":true},{"label":"Anvil - drag & drop","type":"hasLabel","value":true},{"label":"Anvil - zones & sections","type":"hasLabel","value":true},{"label":"Anvil - copy paste experience","type":"hasLabel","value":true},{"label":"WDS  - phone widget","type":"hasLabel","value":true},{"label":"WDS - responsive widget","type":"hasLabel","value":true},{"label":"Anvil - responsive viewport","type":"hasLabel","value":true},{"label":"WDS  - widget styling","type":"hasLabel","value":true},{"label":"Anvil - spacing","type":"hasLabel","value":true},{"label":"Anvil - responsive canvas","type":"hasLabel","value":true},{"label":"WDS - inline button widget","type":"hasLabel","value":true},{"label":"Anvil team","type":"hasLabel","value":true}],"requires":1},"Activation Pod":{"conditions":[{"label":"Activation","type":"hasLabel","value":true}],"requires":1},"Stability Pod":{"conditions":[{"label":"Stability Issue","type":"hasLabel","value":true},{"label":"cypress-flaky-fix","type":"hasLabel","value":true},{"label":"Cypress flaky tests","type":"hasLabel","value":true}],"requires":1},"Documentation Pod":{"conditions":[{"label":"Documentation","type":"hasLabel","value":true}],"requires":1},"Packages & Git Pod":{"conditions":[{"label":"Packages Pod","type":"hasLabel","value":true},{"label":"Git Product","type":"hasLabel","value":true},{"label":"Packages Product","type":"hasLabel","value":true},{"label":"Git Platform","type":"hasLabel","value":true}],"requires":1},"Git Platform":{"conditions":[{"label":"Environments Product","type":"hasLabel","value":true},{"label":"Artifact Platform Product","type":"hasLabel","value":true}],"requires":1}}},"root":"."}],"labels":{"Tab Widget":{"color":"e2c76c","name":"Tab Widget","description":""},"Dont merge":{"color":"ADB39C","name":"Dont merge","description":""},"Epic":{"color":"3E4B9E","name":"Epic","description":"A zenhub epic that describes a project"},"Menu Button Widget":{"color":"235708","name":"Menu Button Widget","description":"Issues related to Menu Button widget"},"Checkbox Group widget":{"color":"bbeecd","name":"Checkbox Group widget","description":"Issues related to Checkbox Group Widget"},"Input Widget":{"color":"ae65d8","name":"Input Widget","description":""},"Security":{"color":"99139C","name":"Security","description":""},"QA":{"color":"","name":"QA","description":"Needs QA attention"},"Verified":{"color":"9bf416","name":"Verified","description":""},"Wont Fix":{"color":"ffffff","name":"Wont Fix","description":"This will not be worked on"},"MySQL":{"color":"c9ddc6","name":"MySQL","description":"Issues related to MySQL plugin"},"Development":{"color":"9F8A02","name":"Development","description":""},"Help Wanted":{"color":"008672","name":"Help Wanted","description":"Extra attention is needed"},"Home Page":{"color":"","name":"Home Page","description":"Issues related to the application home page"},"Rating Widget":{"color":"235708","name":"Rating Widget","description":"Issues related to the rating widget"},"Stat Box Widget":{"color":"f1c9ce","name":"Stat Box Widget","description":"Issues related to stat box"},"Enhancement":{"color":"a2eeef","name":"Enhancement","description":"New feature or request"},"Fork App":{"color":"af87c7","name":"Fork App","description":"Issues related to forking apps"},"Container Widget":{"color":"19AD0D","name":"Container Widget","description":"Container widget"},"Papercut":{"color":"B562F6","name":"Papercut","description":""},"Needs Design":{"color":"bfd4f2","name":"Needs Design","description":"needs design or changes to design"},"i18n":{"color":"1799b0","name":"i18n","description":"Represents issues that need to be tackled to handle internationalization"},"Rich Text Editor Widget":{"color":"f72cac","name":"Rich Text Editor Widget","description":""},"skip-changelog":{"color":"06086F","name":"skip-changelog","description":"Adding this label to a PR prevents it from being listed in the changelog"},"Low":{"color":"79e53b","name":"Low","description":"An issue that is neither critical nor breaks a user flow"},"potential-duplicate":{"color":"d3cb2e","name":"potential-duplicate","description":"This label marks issues that are potential duplicates of already open issues"},"Audio Widget":{"color":"447B9A","name":"Audio Widget","description":"Issues related to Audio Widget"},"Firestore":{"color":"8078b0","name":"Firestore","description":"Issues related to the firestore Integration"},"New Widget":{"color":"be4cf2","name":"New Widget","description":"A request for a new widget"},"Modal Widget":{"color":"03846f","name":"Modal Widget","description":""},"UX Improvement":{"color":"f4a089","name":"UX Improvement","description":""},"S3":{"color":"8078b0","name":"S3","description":"Issues related to the S3 plugin"},"Release Blocker":{"color":"5756bf","name":"Release Blocker","description":"This issue must be resolved before the release"},"safari":{"color":"51C6AA","name":"safari","description":"Bugs seen on safari browser"},"Example Apps":{"color":"1799b0","name":"Example Apps","description":"Example apps created for new signups"},"MultiSelect Widget":{"color":"AB62D4","name":"MultiSelect Widget","description":"Issues related to MultiSelect Widget"},"Calendar Widget":{"color":"8c6644","name":"Calendar Widget","description":""},"Website":{"color":"151720","name":"Website","description":"Related to www.appsmith.com website"},"Low effort":{"color":"8B59F0","name":"Low effort","description":"Something that'll take a few days to build"},"Checkbox Widget":{"color":"bbeecd","name":"Checkbox Widget","description":""},"Spam":{"color":"620faf","name":"Spam","description":""},"Voice Recorder Widget":{"color":"85bc87","name":"Voice Recorder Widget","description":""},"Select Widget":{"color":"0c669e","name":"Select Widget","description":"Select or dropdown widget"},"Bug":{"color":"8ba6fd","name":"Bug","description":"Something isn't right"},"Widget Validation":{"color":"6990BC","name":"Widget Validation","description":"Issues related to widget property validation"},"Generate Page":{"color":"2b4664","name":"Generate Page","description":"Issures related to page generation"},"File Picker Widget":{"color":"6ae4f2","name":"File Picker Widget","description":""},"snowflake":{"color":"8078b0","name":"snowflake","description":"Issues related to the snowflake Integration"},"Automation":{"color":"CCAF60","name":"Automation","description":""},"hotfix":{"color":"BA3F1D","name":"hotfix","description":""},"Import-Export-App":{"color":"48883f","name":"Import-Export-App","description":"Issues related to importing and exporting apps"},"High effort":{"color":"A7E87B","name":"High effort","description":"Something that'll take more than a month to build"},"Telemetry":{"color":"bc70f9","name":"Telemetry","description":"Issues related to instrumenting appsmith"},"Radio Widget":{"color":"91ef15","name":"Radio Widget","description":""},"Omnibar":{"color":"1bb96a","name":"Omnibar","description":"Issues related to the omnibar for navigation"},"Button Widget":{"color":"34efae","name":"Button Widget","description":""},"Switch widget":{"color":"33A8CE","name":"Switch widget","description":"The switch widget"},"Map Widget":{"color":"7eef7a","name":"Map Widget","description":""},"Task":{"color":"085630","name":"Task","description":"A simple Todo"},"Design System":{"color":"2958a4","name":"Design System","description":"Design system"},"opera":{"color":"C63F5B","name":"opera","description":"Any issues identified on the opera browser"},"Login / Signup":{"color":"","name":"Login / Signup","description":"Authentication flows"},"Image Widget":{"color":"8de8ad","name":"Image Widget","description":""},"firefox":{"color":"6d56e2","name":"firefox","description":""},"Property Pane":{"color":"b356ff","name":"Property Pane","description":"Issues related to the behaviour of the property pane"},"Deployment":{"color":"93491f","name":"Deployment","description":"Installation process of appsmith"},"Production":{"color":"b60205","name":"Production","description":""},"Dependencies":{"color":"0366d6","name":"Dependencies","description":"Pull requests that update a dependency file"},"Google Sheets":{"color":"8078b0","name":"Google Sheets","description":"Issues related to Google Sheets"},"Icon Button Widget":{"color":"D319CE","name":"Icon Button Widget","description":"Issues related to the icon button widget"},"Mongo":{"color":"8078b0","name":"Mongo","description":"Issues related to Mongo DB plugin"},"Documentation":{"color":"a8dff7","name":"Documentation","description":"Improvements or additions to documentation"},"TestGap":{"color":"","name":"TestGap","description":"Issues identified for test plan improvement"},"keyboard shortcut":{"color":"0688B6","name":"keyboard shortcut","description":""},"Reopen":{"color":"897548","name":"Reopen","description":""},"Redshift":{"color":"8078b0","name":"Redshift","description":"Issues related to the redshift integration"},"Date Picker Widget":{"color":"ef1ce1","name":"Date Picker Widget","description":""},"Entity Explorer":{"color":"1bb96a","name":"Entity Explorer","description":"Issues related to navigation using the entity explorer"},"JS Linting & Errors":{"color":"E56AA5","name":"JS Linting & Errors","description":"Issues related to JS Linting and errors"},"iFrame":{"color":"3CD1DB","name":"iFrame","description":"Issues related to iFrame"},"Stale":{"color":"ededed","name":"Stale","description":null},"Text Widget":{"color":"d130d1","name":"Text Widget","description":""},"Video Widget":{"color":"23dd4b","name":"Video Widget","description":""},"Datasources":{"color":"3d590f","name":"Datasources","description":"Issues related to configuring datasource on appsmith"},"error":{"color":"B66773","name":"error","description":"All issues connected to error messages"},"Form Widget":{"color":"09ed77","name":"Form Widget","description":""},"Needs Triaging":{"color":"e8b851","name":"Needs Triaging","description":"Needs attention from maintainers to triage"},"Autocomplete":{"color":"235708","name":"Autocomplete","description":"Issues related to the autocomplete"},"hacktoberfest":{"color":"0052cc","name":"hacktoberfest","description":"All issues that can be solved by the community during Hacktoberfest"},"Medium effort":{"color":"D31156","name":"Medium effort","description":"Something that'll take more than a week but less than a month to build"},"Release":{"color":"57e5e0","name":"Release","description":""},"High":{"color":"c94d14","name":"High","description":"This issue blocks a user from building or impacts a lot of users"},"UI Performance":{"color":"1799b0","name":"UI Performance","description":"Issues related to UI performance"},"Deploy Preview":{"color":"bfdadc","name":"Deploy Preview","description":"Issues found in Deploy Preview"},"Needs Tests":{"color":"8ee263","name":"Needs Tests","description":"Needs automated tests to assert a feature/bug fix"},"Refactor":{"color":"B96662","name":"Refactor","description":"needs refactoring of code"},"Divider Widget":{"color":"235708","name":"Divider Widget","description":"Issues related to the divider widget"},"Table Widget":{"color":"2eead1","name":"Table Widget","description":""},"Needs More Info":{"color":"e54c10","name":"Needs More Info","description":"Needs additional information"},"Good First Issue":{"color":"7057ff","name":"Good First Issue","description":"Good for newcomers"},"UI Improvement":{"color":"9aeef4","name":"UI Improvement","description":""},"Backend":{"color":"d4c5f9","name":"Backend","description":"This marks the issue or pull request to reference server code"},"Frontend":{"color":"87c7f2","name":"Frontend","description":"This label marks the issue or pull request to reference client code"},"Chart Widget":{"color":"616ecc","name":"Chart Widget","description":""},"List Widget":{"color":"8508A0","name":"List Widget","description":"Issues related to the list widget"},"Duplicate":{"color":"cfd3d7","name":"Duplicate","description":"This issue or pull request already exists"},"JS Snippets":{"color":"8d62d2","name":"JS Snippets","description":"issues related to JS Snippets"},"Copy Paste":{"name":"Copy Paste","description":"Issues related to copy paste","color":"b4f0a9"},"Drag & Drop":{"name":"Drag & Drop","description":"Issues related to the drag & drop experience","color":"92115a"},"Sniping Mode":{"name":"Sniping Mode","description":"Issues related to sniping mode","color":"48883f"},"Redis":{"name":"Redis","description":"Issues related to Redis","color":"8078b0"},"New Datasource":{"color":"60b14c","name":"New Datasource","description":"Requests for new datasources"},"Evaluated Value":{"name":"Evaluated Value","description":"Issues related to evaluated values","color":"39f6e7"},"Undo/Redo":{"name":"Undo/Redo","description":"Issues related to undo/redo","color":"f25880"},"App Navigation":{"name":"App Navigation","description":"Issues related to the topbar navigation and configuring it","color":"4773ab"},"Widgets Pane":{"name":"Widgets Pane","description":"Issues related to the discovery and organisation of widgets","color":"ad5d78"},"View Mode":{"color":"1799b0","name":"View Mode","description":"Issues related to the view mode"},"Content":{"name":"Content","description":"For content related topics i.e blogs, templates, videos","color":"a8dff7"},"Slash Command":{"name":"Slash Command","description":"Issues related to the slash command","color":"a0608e"},"Widget Property":{"name":"Widget Property","description":"Issues related to adding / modifying widget properties across widgets","color":"5e92cb"},"Windows":{"name":"Windows","description":"Issues related exclusively to Windows systems","color":"b4cb8a"},"Old App Issues":{"name":"Old App Issues","description":"Issues related to apps old apps a few weeks old and app issues in stale browser session","color":"87ab18"},"Document Viewer Widget":{"name":"Document Viewer Widget","description":"Issues related to Document Viewer Widget","color":"899d4b"},"Radio Group Widget":{"name":"Radio Group Widget","description":"Issues related to radio group widget","color":"b68495"},"Super Admin":{"name":"Super Admin","description":"Issues related to the super admin page","color":"aa95cf"},"Postgres":{"name":"Postgres","description":"Postgres related issues","color":"8078b0"},"New JS Function":{"name":"New JS Function","description":"Issues related to adding a JS Function","color":"8e8aa4"},"Cannot Reproduce Issue":{"color":"93c9cc","name":"Cannot Reproduce Issue","description":"Issues that cannot be reproduced"},"Widget Grouping":{"name":"Widget Grouping","description":"Issues related to Widget Grouping","color":"a49951"},"K8s":{"name":"K8s","description":"Kubernetes related issues","color":"5f318a"},"Docker":{"name":"Docker","description":"Issues related to docker","color":"89b808"},"Camera Widget":{"name":"Camera Widget","description":"Issues and enhancements related to camera widget","color":"e6038e"},"SAAS Plugins":{"name":"SAAS Plugins","description":"Issues related to SAAS Plugins","color":"80e18f"},"JS Promises":{"name":"JS Promises","description":"Issues related to promises","color":"d7771f"},"OnPageLoad":{"name":"OnPageLoad","description":"OnPageLoad issues on functions and queries","color":"2b4664"},"JS Usability":{"name":"JS Usability","description":"usability issues with JS editor and JS elsewhere","color":"a302b0"},"Currency Input Widget":{"name":"Currency Input Widget","description":"Issues related to currency input widget","color":"b2164f"},"TreeSelect":{"name":"TreeSelect","description":"Issues related to TreeSelect Widget","color":"a1633e"},"MultiTree Select Widget":{"name":"MultiTree Select Widget","description":"Issues related to MultiTree Select Widget","color":"a1633e"},"Welcome Screen":{"name":"Welcome Screen","description":"Issues related to the welcome screen","color":"48883f"},"Realtime Commenting":{"color":"a70b86","name":"Realtime Commenting","description":"In-app communication between teams"},"Phone Input Widget":{"name":"Phone Input Widget","description":"Issues related to the Phone Input widget","color":"a70b86"},"JSON Form":{"name":"JSON Form","description":"Issue / features related to the JSON form wiget","color":"46b209"},"All Widgets":{"name":"All Widgets","description":"Issues related to all widgets","color":"972b36"},"V1":{"name":"V1","description":"V1","color":"67ab2e"},"Reflow & Resize":{"name":"Reflow & Resize","description":"All issues related to reflow and resize experience","color":"748a13"},"SSO":{"name":"SSO","description":"Issues, requests and enhancements around Single sign-on.","color":""},"Multi User Realtime":{"name":"Multi User Realtime","description":"Issues related to multiple users using or editing an application","color":"e7b6ce"},"Ready for design":{"name":"Ready for design","description":"this issue is ready for design: it contains clear problem statements and other required information","color":"ebf442"},"Support":{"name":"Support","description":"Issues created by the A-force team to address user queries","color":"1740f3"},"Button Group widget":{"name":"Button Group widget","description":"Issue and enhancements related to the button group widget","color":"f17025"},"GraphQL Plugin":{"name":"GraphQL Plugin","description":"Issues related to GraphQL plugin","color":"8078b0"},"DevOps Pod":{"name":"DevOps Pod","description":"Issues related to devops","color":"d956c7"},"medium":{"name":"medium","description":"Issues that frustrate users due to poor UX","color":"23dfd9"},"ArangoDB":{"name":"ArangoDB","description":"Issues related to arangoDB","color":"8078b0"},"Code Refactoring":{"name":"Code Refactoring","description":"Issues related to code refactoring","color":"76310e"},"Progress bar widget":{"name":"Progress bar widget","description":"To track issues related to progress bar","color":"2d7abf"},"Audio Recorder Widget":{"name":"Audio Recorder Widget","description":"Issues related to Audio Recorder Widget","color":"9accef"},"Airtable":{"name":"Airtable","description":"Issues for Airtable","color":"60885f"},"Canvas / Grid":{"name":"Canvas / Grid","description":"Issues related to the canvas","color":"16b092"},"Email Config":{"name":"Email Config","description":"Issues related to configuring the email service","color":"2a21d1"},"CURL":{"name":"CURL","description":"Issues related to CURL impor","color":"60885f"},"Canvas Zooms":{"name":"Canvas Zooms","description":"Issues related to zooming the canvas","color":"e6038e"},"business":{"name":"business","description":"Features that will be a part of our business edition","color":"cd59eb"},"Action Pod":{"name":"Action Pod","description":"","color":"ee2e36"},"AutomationGap1":{"color":"a5e07c","name":"AutomationGap1","description":"Issues that needs automated tests"},"A-Force11":{"name":"A-Force11","description":"Issues raised by A-Force team","color":"d667b6"},"Business Edition":{"name":"Business Edition","description":"Features that will be a part of our business edition","color":"89bb6c"},"storeValue":{"name":"storeValue","description":"Issues related to the store value function","color":"5d3e66"},"DynamoDB":{"name":"DynamoDB","description":"Issues that are related to DynamoDB should have this label","color":"60885f"},"Backup & Restore":{"name":"Backup & Restore","description":"Issues related to backup and restore","color":"86874d"},"Billing":{"name":"Billing","description":"Billing infrastructure and flows for Business Edition and Trial users","color":"d2bc40"},"Datatype issue":{"name":"Datatype issue","description":"Issues that have risen because data types weren't handled","color":"cef66b"},"OAuth":{"name":"OAuth","description":"OAuth related bugs or features","color":"60885f"},"Table Widget V2":{"name":"Table Widget V2","description":"Issues related to Table Widget V2","color":"3a7192"},"IDE Navigation":{"name":"IDE Navigation","description":"Issues/feature requests related to IDE navigation, and context switching","color":"1bb96a"},"Query performance":{"name":"Query performance","description":"Issues that have to do with lack in performance of query execution","color":"cef66b"},"SAAS Manager App":{"name":"SAAS Manager App","description":"Issues with the SAAS manager app","color":"d427db"},"Twilio":{"name":"Twilio","description":"Issues related to Twilio integration","color":"23ba8d"},"Hubspot":{"name":"Hubspot","description":"Issues related to Hubspot integration","color":"60885f"},"Zendesk":{"name":"Zendesk","description":"Issues related to Zendesk integration","color":"60885f"},"Entity Refactor":{"name":"Entity Refactor","description":"Issues related to refactor logic","color":"705a2c"},"Map Chart Widget":{"name":"Map Chart Widget","description":"Issues related to Map Chart Widgets","color":"c8397f"},"Product Catchup":{"name":"Product Catchup","description":"Issues created in the product catchup","color":"29cd2c"},"Framework Functions":{"name":"Framework Functions","description":"Issues related to internal functions like showAlert(), navigateTo() etc...","color":"c25a09"},"Frontend Libraries Upgrade":{"name":"Frontend Libraries Upgrade","description":"Issues related to frontend libraries upgrade","color":"ede1fc"},"MsSQL":{"name":"MsSQL","description":"Issues related to MsSQL plugin","color":"8078b0"},"Elastic Search":{"name":"Elastic Search","description":"Issues related to the elastic search datasource","color":"8078b0"},"Core Query Execution":{"color":"cef66b","name":"Core Query Execution","description":"Issues related to the execution of all queries"},"Query Management":{"name":"Query Management","description":"Issues related to the CRUD of actions or queries","color":"cef66b"},"Query Settings":{"name":"Query Settings","description":"Issues related to the settings of all queries","color":"cef66b"},"Code Editor":{"name":"Code Editor","description":"Issues related to the code editor","color":"4ca16e"},"Query Forms":{"color":"12b253","name":"Query Forms","description":"Isuses related to the query forms"},"JS Objects":{"color":"22962c","name":"JS Objects","description":"Issues related to JS Objects"},"JS Evaluation":{"color":"22962c","name":"JS Evaluation","description":"Issues related to JS evaluation on the platform"},"SmartSubstitution":{"name":"SmartSubstitution","description":"Issues related to Smart substitution of mustache bindings in queries","color":"bae511"},"Query Generation":{"name":"Query Generation","description":"Issues related to query generation","color":"cef66b"},"Suggested Widgets":{"name":"Suggested Widgets","description":"Issues related to suggesting widgets based on query response","color":"6ac063"},"Code Scanner Widget":{"name":"Code Scanner Widget","description":"Issues related to code scanner widget","color":"9bc1a0"},"Clean URLs":{"name":"Clean URLs","description":"Issues related to clean URLs epic","color":"112623"},"Widget keyboard accessibility":{"name":"Widget keyboard accessibility","description":"All issues related to keyboard accessibility in widgets","color":"b626fd"},"Connection pool":{"name":"Connection pool","description":"issues to do with connection pooling of various plugins","color":"94fe36"},"List Widget V2":{"name":"List Widget V2","description":"Issues related to the list widget v2","color":"adaaf7"},"Auto Height":{"name":"Auto Height","description":"Issues related to dynamic height of widgets","color":"5149cf"},"cypress_failed_test":{"name":"cypress_failed_test","description":"Cypress failed tests","color":"4745d5"},"Needs validation":{"name":"Needs validation","description":"Needs problem validation before being picked up","color":"66673d"},"Slider Widget":{"name":"Slider Widget","description":"Issues raised for slider widgets.","color":"2eef5f"},"Multitenancy":{"name":"Multitenancy","description":"Support multitenancy within single appsmith instance","color":"8c49a9"},"Conversion Algorithm":{"name":"Conversion Algorithm","description":"All issue related to converting app from fixed to flex mode & vice versa","color":"d12d2e"},"Browser specific":{"name":"Browser specific","description":"All issue related to browser","color":"d12d2e"},"Performance infra":{"name":"Performance infra","description":"all issue related to the performance infra","color":"8a60f6"},"DSL Update":{"name":"DSL Update","description":"Issues related to storing and updating the DSL","color":"e16cf3"},"AST-frontend":{"name":"AST-frontend","description":"Issues related to maintaining AST logic","color":"2b4664"},"AST-backend":{"name":"AST-backend","description":"Backend issues related to AST parsing","color":"48883f"},"MariaDB":{"name":"MariaDB","description":"MariaDB datasource","color":"8428c3"},"ADS Component Issue":{"name":"ADS Component Issue","description":"Issues which are caused due to ADS components","color":"d89119"},"Regressed":{"color":"723fd0","name":"Regressed","description":"Scenarios that were working before but have now regressed"},"Needs RCA":{"name":"Needs RCA","description":"a critical or high priority issue that needs an RCA","color":"2cc68f"},"Custom JS Libraries":{"name":"Custom JS Libraries","description":"Issues related to adding custom JS library","color":"bacb6d"},"Integrations Pod General":{"name":"Integrations Pod General","description":"Issues related to the Integrations Pod that don't fit into other tags.","color":"287823"},"Performance Pod":{"name":"Performance Pod","description":"All things related to Appsmith performance","color":"b5a25d"},"Performance":{"name":"Performance","description":"Issues related to performance","color":"9a18d7"},"File upload issues":{"name":"File upload issues","description":"Issues related to uploading any type of files from within Appsmith","color":"2b4664"},"Action Selector":{"name":"Action Selector","description":"Issues related to action selector on the property pane","color":"2f9e20"},"Community Reported":{"name":"Community Reported","description":"issues reported by community members","color":"1402e5"},"JS Function execution":{"name":"JS Function execution","description":"JS function execution","color":"7c2de1"},"Self Serve":{"name":"Self Serve","description":"For all issues related to self-serve flow for business edition","color":"4dacfc"},"Self Serve 1.0":{"name":"Self Serve 1.0","description":"For all issues related to v1 of the self serve project","color":"ae839e"},"Customer Portal":{"name":"Customer Portal","description":"For all tasks/issues pertaining to customer.appsmith.com","color":"d2bc40"},"Cloud Services":{"name":"Cloud Services","description":"For all tasks/issues on Appsmith cloud-services relating to licensing, usage and billing","color":"d2bc40"},"One-click Binding":{"name":"One-click Binding","description":"Issues related to the One click binding epic","color":"f1661c"},"Airgap":{"name":"Airgap","description":"Tickets related to supporting air-gapped Appsmith instances","color":"1cb294"},"SMTP plugin":{"name":"SMTP plugin","description":"Issues related to SMTP plugin","color":"541457"},"AWS AMI":{"name":"AWS AMI","description":"Issues Related to AWS AMI","color":"b44680"},"Old widget version":{"name":"Old widget version","description":"Use this label to raise issue specific only to an older version of a widget","color":"ff3814"},"Enterprise Billing":{"name":"Enterprise Billing","description":"To track all tasks/issues related to licensing & billing for enterprise customers","color":"14c156"},"Oracle SQL DB":{"name":"Oracle SQL DB","description":"Issues related to the Oracle plugin","color":"cbabcb"},"Community Contributor":{"name":"Community Contributor","description":"Meant to track issues that are assigned to external contributors","color":"149ab6"},"widget vertical alignment":{"name":"widget vertical alignment","description":"All issue related widget vertical alignment on the auto layout canvas","color":"d12d2e"},"Observability":{"name":"Observability","description":"Issues related to observability on the Appsmith instance","color":"dff913"},"Checkbox Component":{"name":"Checkbox Component","description":"This labels deals with checkbox component in wds package","color":"75a401"},"Analytics Improvements":{"name":"Analytics Improvements","description":"For all tasks focused on improving our overall analytics and fixing any issues ","color":"29b8ed"},"WDS team":{"name":"WDS team","description":"","color":"8d675a"},"Enterprise Edition":{"name":"Enterprise Edition","description":"Features that will be supported in Enterprise Edition only","color":"984f5e"},"Query filter":{"name":"Query filter","description":"Issues related to query filtering, e.g., WHERE clause","color":"a15134"},"Keyboard accessibility ":{"name":"Keyboard accessibility ","description":"All issue related to ADS component keyboard accessibility","color":"2ba696"},"Toggle button":{"name":"Toggle button","description":"All issue related to ADS toggle button","color":"edc47f"},"SCIM":{"name":"SCIM","description":"Label to collate our SCIM issues","color":"48883f"},"ADS Category Token":{"name":"ADS Category Token","description":"All issues related appsmith design system category tokens","color":"920961"},"ADS Component Documentation":{"name":"ADS Component Documentation","description":"All issues Appsmith design system component documentation","color":"64c46a"},"ADS Migration":{"name":"ADS Migration","description":"All issues related to Appsmith design system migration","color":"b082d6"},"ADS Deduplication ":{"name":"ADS Deduplication ","description":"Replacing component with ADS components","color":"b082d6"},"ADS Revamp":{"name":"ADS Revamp","description":"All issues related to ads revamp. ","color":"b082d6"},"ADS Deduplication":{"name":"ADS Deduplication","description":"Replacing component with ADS components","color":"b082d6"},"ADS Grayscale":{"name":"ADS Grayscale","description":"Support grayscale color changes","color":"b03577"},"ADS Unit Test":{"name":"ADS Unit Test","description":"All issue related ads unit cases ","color":"b082d6"},"ADS Components":{"name":"ADS Components","description":"All issues related ADS components","color":"b082d6"},"Widget Discoverability":{"name":"Widget Discoverability","description":"Issues related to Widget Discoverability","color":"7b55ce"},"Widget setter method":{"name":"Widget setter method","description":"Issues with widget property setters","color":"8dce87"},"License":{"name":"License","description":"For all issues/tasks related to licensing of appsmith-ee edition","color":"90ee98"},"Platformization":{"name":"Platformization","description":"Issues or tasks related to platformization of Appsmith codebase","color":"4e972b"},"Activation - datasources":{"name":"Activation - datasources","description":"issues related to activation projects","color":"7c7ace"},"Partial-import-export":{"name":"Partial-import-export","description":"Label for granular reusability.","color":"717732"},"AI":{"name":"AI","description":"All tasks related to AI","color":"2b4664"},"ADS Typography":{"name":"ADS Typography","description":"All issue related typographical changes","color":"2dbe8d"},"Auto Layout":{"name":"Auto Layout","description":"Issues relates to auto layout","color":"92cf8c"},"Heroku":{"name":"Heroku","description":"Issues related to Heroku","color":"a81b69"},"ADS Visual Styles":{"name":"ADS Visual Styles","description":"All issues related to ADS visual styles","color":"d3da89"},"ADS Component Design":{"name":"ADS Component Design","description":"All issue related to component design","color":"5cc91e"},"Modal Component":{"name":"Modal Component","description":"All issue related to ads modal component","color":"ee63f3"},"App setting":{"name":"App setting","description":"Related to app settings panel within the app","color":"174f98"},"BE instance":{"name":"BE instance","description":"For all issues related to license, billing on BE instance","color":"ae8f98"},"Fixed layout":{"name":"Fixed layout","description":"issues related to fixed layout","color":"b66681"},"Anvil layout":{"name":"Anvil layout","description":"issues related to the new layout system anvil","color":"5e0904"},"New Deployment Mode":{"name":"New Deployment Mode","description":"Support a new mode of deployment","color":"108033"},"Custom widgets":{"name":"Custom widgets","description":"For all issues related to the custom widget project","color":"c9db9c"},"Homepage Experience V2":{"name":"Homepage Experience V2","description":"Label for reporting new tasks and bug fixes related to revamped homepage experience","color":"c55d54"},"Customer Success":{"name":"Customer Success","description":"Issues that the success team cares about","color":"6ccabd"},"Invite flow":{"name":"Invite flow","description":"Invite users flow and any associated actions","color":"881b35"},"Invite users":{"name":"Invite users","description":"Invite users flow and any associated actions","color":""},"Workflows Pod":{"name":"Workflows Pod","description":"Issues that the workflows team owns","color":"446925"},"DailyPromotionBlocker":{"name":"DailyPromotionBlocker","description":"DailyPromotion Blocker","color":"9b2280"},"JS Binding":{"name":"JS Binding","description":"All issues related to the JS Binding experience","color":"422fed"},"REST API":{"name":"REST API","description":"REST API plugin related issues","color":"e3ede5"},"Critical":{"color":"a1e3db","name":"Critical","description":"This issue breaks existing apps. Drop everything else to resolve"},"Module creator":{"name":"Module creator","description":"Issues related to the module creator side","color":"bb2c05"},"Module consumer":{"name":"Module consumer","description":"Issues related to the module consumer side","color":"83d3c5"},"Package versioning":{"name":"Package versioning","description":"ISsues related to how we manage versions for packages","color":"4c5218"},"Convert to module":{"name":"Convert to module","description":"Issues related to the module creation flow using conversion","color":"4c5218"},"Query module":{"name":"Query module","description":"Issues affecting query modules or its instances","color":"b11a7e"},"JS module":{"name":"JS module","description":"Issues affecting JS modules or its instances","color":"bf76f6"},"Secret Management":{"name":"Secret Management","description":"Issues related to secret management","color":"2b4664"},"REST API plugin":{"name":"REST API plugin","description":"REST API plugin related issues","color":"b5948a"},"UI module":{"name":"UI module","description":"Issues affecting UI modules or its instances","color":"d2acee"},"Preview mode":{"name":"Preview mode","description":"Issues related to app previews","color":"48883f"},"Git Auto-commit":{"name":"Git Auto-commit","description":"Issues related to autocommit","color":"717732"},"QA Pod":{"name":"QA Pod","description":"Issues under the QA Pod","color":"717732"},"Automation Test":{"name":"Automation Test","description":"","color":""},"Automation failures":{"name":"Automation failures","description":"","color":""},"Needs automation":{"name":"Needs automation","description":"Issues that needs automated tests","color":""},"Prepared statements":{"name":"Prepared statements","description":"Issues related to prepared statement flow","color":""},"Switch Group Widget":{"name":"Switch Group Widget","description":"Issues related to Switch group Widget","color":""},"Supervisor":{"name":"Supervisor","description":"Issues related to supervisor","color":"2c5813"},"Deployment Certificates":{"name":"Deployment Certificates","description":"Issues related to lets encrypt","color":"e148aa"},"Mock Data":{"name":"Mock Data","description":"Issues related to mock databases","color":"ebf251"},"AWS ECS":{"name":"AWS ECS","description":"Issues related to ECS Fargate","color":"e506ff"},"Publish App":{"name":"Publish App","description":"Issues related to app deployment","color":"2b4664"},"IDE Infra":{"name":"IDE Infra","description":"Issues related to the IDE infrastructure like saving changes","color":"1bb96a"},"User Profile":{"name":"User Profile","description":"Issues related to a user profile","color":"a60d34"},"Page Management":{"color":"1bb96a","name":"Page Management","description":"Issues related to configuring pages"},"Ingress":{"name":"Ingress","description":"Ingress Controller","color":"a86802"},"Nginx":{"name":"Nginx","description":"Issues related to Nginx","color":"e54195"},"Building blocks":{"name":"Building blocks","description":"Building blocks on cavas, on templates listing or drag and drop of building blocks.","color":"48883f"},"Table Inline Edit":{"name":"Table Inline Edit","description":"Issues related to inline editing","color":"60895a"},"User Session ":{"name":"User Session ","description":"For all issues/tasks related to user sessions","color":"65a3f5"},"WDS - all widgets":{"name":"WDS - all widgets","description":"all widget present in WDS","color":"2670ae"},"WDS - input widget":{"name":"WDS - input widget","description":"Issues related to input widget on WDS","color":"2670ae"},"WDS - paragraph widget":{"name":"WDS - paragraph widget","description":"issues related to paragraph widget on WDS","color":"2670ae"},"WDS - statbox widget":{"name":"WDS - statbox widget","description":"issues related to statbox widget on WDS","color":"2670ae"},"WDS - modal widget":{"name":"WDS - modal widget","description":"Issues related to modal widget on WDS","color":"2670ae"},"WDS - icon widget":{"name":"WDS - icon widget","description":"Issues related to icon widget on WDS","color":"2670ae"},"WDS - checkbox widget":{"name":"WDS - checkbox widget","description":"Issues related to checkbox widget on WDS","color":"2670ae"},"WDS - table widget":{"name":"WDS - table widget","description":"Issues related to table widget on WDS","color":"2670ae"},"WDS - keyValue widget":{"name":"WDS - keyValue widget","description":"Issues related to key-value widget on WDS","color":"2670ae"},"WDS - switch group widget":{"name":"WDS - switch group widget","description":"Issues related to switch group widget on WDS","color":"2670ae"},"WDS - theming":{"name":"WDS - theming","description":"Issues related to theming on the Anvil instance","color":"2670ae"},"Anvil POD":{"name":"Anvil POD","description":"Issue related to Anvil project","color":"5e0904"},"Anvil - theming":{"name":"Anvil - theming","description":"Issues related to theming on the Anvil instance","color":"c28de5"},"Anvil - vertical alignment":{"name":"Anvil - vertical alignment","description":"Issues related to vertical alignment on the Anvil layout","color":"c28de5"},"Anvil - layout component":{"name":"Anvil - layout component","description":"Issues related to layout component on the Anvil layout","color":"c28de5"},"Anvil - drag & drop":{"name":"Anvil - drag & drop","description":"Issues related to drag & drop experience on Anvil","color":"c28de5"},"Anvil - zones & sections":{"name":"Anvil - zones & sections","description":"Issues related to zones and sections on the Anvil layout","color":"c28de5"},"Anvil - copy paste experience":{"name":"Anvil - copy paste experience","description":"Issues related to copy paste experience on the Anvil layout","color":"c28de5"},"WDS  - phone widget":{"name":"WDS  - phone widget","description":"Issues related to phone widget on WDS","color":"c28de5"},"WDS - responsive widget":{"name":"WDS - responsive widget","description":"All issues related to widget responsiveness","color":"11ee05"},"Anvil - responsive viewport":{"color":"11ee05","name":"Anvil - responsive viewport","description":"Issues seen on different viewports like mobile"},"WDS  - widget styling":{"color":"11ee05","name":"WDS  - widget styling","description":"all about widget styling"},"Anvil - spacing":{"name":"Anvil - spacing","description":"Related to spacing between widgets in auto layout","color":"11ee05"},"Anvil - responsive canvas":{"name":"Anvil - responsive canvas","description":"All issues related to canvas responsiveness","color":"11ee05"},"WDS - inline button widget":{"name":"WDS - inline button widget","description":"Issues related to inline button widget on WDS","color":"7cef83"},"Activation Pod":{"name":"Activation Pod","description":"for Activation group","color":"d67d00"},"Activation":{"name":"Activation","description":"for Activation group","color":"d67d00"},"Tests":{"name":"Tests","description":"Test issues","color":"4fc7b6"},"Ballpark: XXS":{"name":"Ballpark: XXS","description":"~1xDev in 1/2xSprint","color":""},"Ballpark: XS":{"name":"Ballpark: XS","description":"~1xDev in 1xSprint","color":"53bf71"},"Ballpark: S":{"name":"Ballpark: S","description":"~2xDev in 1xSprint","color":"6e9e65"},"Ballpark: M":{"name":"Ballpark: M","description":"~1xPOD in 1xSprint","color":"2229e6"},"Ballpark: L":{"name":"Ballpark: L","description":"~1xPOD in 3xSprint or 2xPODs in 1xSprint","color":"49962f"},"Ballpark: XL":{"name":"Ballpark: XL","description":"~1xPOD in 1xQuarter or 2xPODs in 2xSprint","color":"b524c9"},"Ballpark: XXL":{"name":"Ballpark: XXL","description":"~2xPODs in 1xQuarter","color":"22092c"},"Auto-commit":{"name":"Auto-commit","description":"Issues related to auto-generated commits showing up on git ","color":"e25b89"},"Continuous Deployment":{"name":"Continuous Deployment","description":"Issues related to CD pipeline on git","color":"aea47c"},"Default branch":{"name":"Default branch","description":"Issues related to using a default branch on git","color":"195737"},"Git status":{"name":"Git status","description":"Issues related to information shown on git status modal or number of changes appearing in a branch","color":"c851b8"},"Git performance":{"name":"Git performance","description":"Issues related to perceived performance on any git operation","color":"189af6"},"Anvil team":{"name":"Anvil team","description":"issues related to the new layout system anvil","color":"798200"},"SDLC":{"name":"SDLC","description":"Issues related to software development lifecycle experiences","color":"bae511"},"Reconnect DS modal":{"name":"Reconnect DS modal","description":"Issues related to reconnect datasource modal post app import","color":"2e398b"},"Stability Pod":{"name":"Stability Pod","description":"For all issues/tasks to be prioritized under Stability pod","color":"86ddf6"},"Stability Issue":{"name":"Stability Issue","description":"Every issue handle by Stability Pod","color":"4d024a"},"Move to Postgres":{"name":"Move to Postgres","description":"Issues required to be solved for the move to Postgres as repository layer","color":"4e13ac"},"User Session":{"name":"User Session","description":"Issues related to user sessions","color":"8255e5"},"IDE tabs":{"name":"IDE tabs","description":"query and js tabs","color":"1bb96a"},"Inviting Contribution":{"name":"Inviting Contribution","description":"Issues that we would like contributions to","color":""},"cypress-flaky-fix":{"name":"cypress-flaky-fix","description":"This label is auto-added when a PR which only has Cypress fixes are merged to release","color":"722cbc"},"Cypress flaky tests":{"name":"Cypress flaky tests","description":"Test scripts that need to be fixed on Cypress by dev or SDET","color":"722cbc"},"Help enterprise":{"name":"Help enterprise","description":"Requested by Appsmith customers or prospects","color":"FF8C00"},"Learnability":{"name":"Learnability","description":"Issues affecting the product learnability, making the product harder for new users.","color":"800c2f"},"ADS Spacing":{"name":"ADS Spacing","description":"","color":"686ebb"},"ads unit test":{"name":"ads unit test","description":"All issue related ads unit cases","color":"686ebb"},"ads revamp":{"name":"ads revamp","description":"All issues related to ads revamp.","color":"686ebb"},"Javascript Product":{"color":"709a21","name":"Javascript Product","description":"Issues related to users writing javascript in appsmith"},"IDE Product":{"color":"1bb96a","name":"IDE Product","description":"Issues related to the IDE Product"},"IDE Pod":{"color":"1bb96a","name":"IDE Pod","description":"Issues that new developers face while exploring the IDE"},"Accelerators Product":{"name":"Accelerators Product","description":"Issues related to app building accelerators","color":"f3fce6"},"Templates Product":{"name":"Templates Product","description":"Issues related to Templates","color":"f3fce6"},"Design System Product":{"name":"Design System Product","description":"Appsmith design system related issues","color":"2b4664"},"ads deduplication":{"name":"ads deduplication","description":"Replacing component with ADS components","color":"708943"},"Admin Settings Product":{"color":"708943","name":"Admin Settings Product","description":"Issues in admin settings pages"},"Appsmith AI":{"name":"Appsmith AI","description":"All issues related to the Appsmith AI datasource","color":"708943"},"Query & JS Pod":{"color":"709a21","name":"Query & JS Pod","description":"Issues related to the query & JS Pod"},"RBAC Product":{"name":"RBAC Product","description":"Issues, requests and enhancements around RBAC.","color":""},"Workspace Product":{"name":"Workspace Product","description":"Issues related to workspaces","color":""},"CE Instance Usage":{"name":"CE Instance Usage","description":"For all issues relating to usage, licensing or billing on the CE instance","color":""},"Billing & Licensing Product":{"name":"Billing & Licensing Product","description":"Issues pertaining to licensing, billing and usage across self serve and enterprise customers","color":"446925"},"Platform Administration Pod":{"color":"446925","name":"Platform Administration Pod","description":"Issues related to platform administration & management"},"DB Infrastructure Pod":{"name":"DB Infrastructure Pod","description":"Pod to handle database infrastructure","color":"446925"},"Packages Product":{"name":"Packages Product","description":"Issues related to packages","color":"7e018f"},"Workflows Product":{"name":"Workflows Product","description":"Issues related to the workflows product","color":"446925"},"Debugger Product":{"color":"857f58","name":"Debugger Product","description":"Issues related to the debugger"},"Packages Pod":{"name":"Packages Pod","description":"issues that belong to the packages pod","color":"53742c"},"Environments Product":{"name":"Environments Product","description":"Issues related to datasource environments","color":"857f58"},"Custom Widgets":{"name":"Custom Widgets","description":"For all issues related to the custom widget project","color":"857f58"},"Branding Product":{"name":"Branding Product","description":"All issues under branding and whitelabelling appsmith ecosystem","color":"857f58"},"Widgets & Accelerators Pod":{"name":"Widgets & Accelerators Pod","description":"Issues related to widgets & Accelerators","color":"27496a"},"Widgets Product":{"name":"Widgets Product","description":"This label groups issues related to widgets","color":"f3fce6"},"App Theming Product":{"name":"App Theming Product","description":"Items that are related to the App level theming controls epic","color":"48883f"},"UI Building Product":{"color":"48883f","name":"UI Building Product","description":"Issues related to the UI Building experience"},"Onboarding Product":{"color":"48883f","name":"Onboarding Product","description":"Issues related to onboarding new developers"},"Database Schema":{"name":"Database Schema","description":"Issues related to database schema","color":"48883f"},"Git Product":{"color":"7e018f","name":"Git Product","description":"Issues related to version control product"},"Embedding Apps Product":{"name":"Embedding Apps Product","description":"Issues related to embedding","color":"48883f"},"Integrations Product":{"name":"Integrations Product","description":"Issues related to a specific integration","color":"b9f21c"},"Feature Flagging":{"name":"Feature Flagging","description":"Anything related feature flagging","color":"4574ae"},"Audit Logs Product":{"name":"Audit Logs Product","description":"Audit trails to ensure data security","color":"4574ae"},"Identity & Authentication Product":{"name":"Identity & Authentication Product","description":"Issues related to user identity & authentication","color":"4574ae"},"Email verification":{"name":"Email verification","description":"Email verification issues","color":"4574ae"},"Artifact Platform Product":{"name":"Artifact Platform Product","description":"Issues related to the application platform","color":"4574ae"},"Git IA":{"name":"Git IA","description":"Issues related to Git IA changes","color":"df8bd6"},"Documentation Pod":{"name":"Documentation Pod","description":"Issues related to user education","color":"8c8c02"},"Branch management":{"name":"Branch management","description":"Issues related to using a branch management on git","color":"ebe6af"},"Reconfigure Datasource Modal":{"name":"Reconfigure Datasource Modal","description":"Issues related to reconfigure DS modal that comes after importing applications","color":"5ac17b"},"Setup Issues":{"name":"Setup Issues","description":"Issues related to setting up appsmith","color":"3fc837"},"Packages & Git Pod":{"name":"Packages & Git Pod","description":"All issues belonging to Packages and Git","color":"46ac0e"},"Git Platform":{"name":"Git Platform","description":"Issues related to the git & the app platform","color":"c9ab80"},"Entity Management":{"name":"Entity Management","description":"Copy / Move / Delete widgets / queries / datasources","color":"74c33c"}},"success":true}
\ No newline at end of file
+{"runners":[{"versioning":{"source":"milestones","type":"SemVer"},"prereleaseName":"alpha","issue":{"labels":{"Widgets Product":{"conditions":[{"label":"Button Widget","type":"hasLabel","value":true},{"label":"Chart Widget","type":"hasLabel","value":true},{"label":"Container Widget","type":"hasLabel","value":true},{"label":"Date Picker Widget","type":"hasLabel","value":true},{"label":"Select Widget","type":"hasLabel","value":true},{"label":"File Picker Widget","type":"hasLabel","value":true},{"label":"Form Widget","type":"hasLabel","value":true},{"label":"Image Widget","type":"hasLabel","value":true},{"label":"Input Widget","type":"hasLabel","value":true},{"label":"List Widget","type":"hasLabel","value":true},{"label":"MultiSelect Widget","type":"hasLabel","value":true},{"label":"Map Widget","type":"hasLabel","value":true},{"label":"Modal Widget","type":"hasLabel","value":true},{"label":"Radio Widget","type":"hasLabel","value":true},{"label":"Rich Text Editor Widget","type":"hasLabel","value":true},{"label":"Tab Widget","type":"hasLabel","value":true},{"label":"Table Widget","type":"hasLabel","value":true},{"label":"Text Widget","type":"hasLabel","value":true},{"label":"Video Widget","type":"hasLabel","value":true},{"label":"iFrame","type":"hasLabel","value":true},{"label":"Menu Button","type":"hasLabel","value":true},{"label":"Rating","type":"hasLabel","value":true},{"label":"Widget Validation","type":"hasLabel","value":true},{"label":"New Widget","type":"hasLabel","value":true},{"label":"Switch widget","type":"hasLabel","value":true},{"label":"Audio Widget","type":"hasLabel","value":true},{"label":"Icon Button Widget","type":"hasLabel","value":true},{"label":"Stat Box Widget","type":"hasLabel","value":true},{"label":"Voice Recorder Widget","type":"hasLabel","value":true},{"label":"Calendar Widget","type":"hasLabel","value":true},{"label":"Menu Button Widget","type":"hasLabel","value":true},{"label":"Divider Widget","type":"hasLabel","value":true},{"label":"Rating Widget","type":"hasLabel","value":true},{"label":"View Mode","type":"hasLabel","value":true},{"label":"Widget Property","type":"hasLabel","value":true},{"label":"Document Viewer Widget","type":"hasLabel","value":true},{"label":"Radio Group Widget","type":"hasLabel","value":true},{"label":"Currency Input Widget","type":"hasLabel","value":true},{"label":"TreeSelect","type":"hasLabel","value":true},{"label":"MultiTree Select Widget","type":"hasLabel","value":true},{"label":"Phone Input Widget","type":"hasLabel","value":true},{"label":"JSON Form","type":"hasLabel","value":true},{"label":"All Widgets","type":"hasLabel","value":true},{"label":"Button Group widget","type":"hasLabel","value":true},{"label":"Progress bar widget","type":"hasLabel","value":true},{"label":"Audio Recorder Widget","type":"hasLabel","value":true},{"label":"Camera Widget","type":"hasLabel","value":true},{"label":"Table Widget V2","type":"hasLabel","value":true},{"label":"Map Chart Widget","type":"hasLabel","value":true},{"label":"Code Scanner Widget","type":"hasLabel","value":true},{"label":"Widget keyboard accessibility","type":"hasLabel","value":true},{"label":"List Widget V2","type":"hasLabel","value":true},{"label":"Slider Widget","type":"hasLabel","value":true},{"label":"One-click Binding","type":"hasLabel","value":true},{"label":"Old widget version","type":"hasLabel","value":true},{"label":"Widget Discoverability","type":"hasLabel","value":true},{"label":"Switch Group Widget","type":"hasLabel","value":true},{"label":"Checkbox Group widget","type":"hasLabel","value":true},{"label":"Checkbox Widget","type":"hasLabel","value":true},{"label":"Table Inline Edit","type":"hasLabel","value":true},{"label":"Custom Widgets","type":"hasLabel","value":true}],"requires":1},"Javascript Product":{"conditions":[{"label":"JS Linting & Errors","type":"hasLabel","value":true},{"label":"Autocomplete","type":"hasLabel","value":true},{"label":"Evaluated Value","type":"hasLabel","value":true},{"label":"Slash Command","type":"hasLabel","value":true},{"label":"New JS Function","type":"hasLabel","value":true},{"label":"JS Usability","type":"hasLabel","value":true},{"label":"Framework Functions","type":"hasLabel","value":true},{"label":"JS Objects","type":"hasLabel","value":true},{"label":"JS Evaluation","type":"hasLabel","value":true},{"label":"Custom JS Libraries","type":"hasLabel","value":true},{"label":"Action Selector","type":"hasLabel","value":true},{"label":"Widget setter method","type":"hasLabel","value":true},{"label":"Entity Refactor","type":"hasLabel","value":true},{"label":"AST-frontend","type":"hasLabel","value":true},{"label":"Sniping Mode","type":"hasLabel","value":true},{"label":"AST-backend","type":"hasLabel","value":true}],"requires":1},"IDE Product":{"conditions":[{"label":"IDE Product","type":"hasLabel","value":true},{"label":"IDE Infra","type":"hasLabel","value":true},{"label":"IDE Navigation","type":"hasLabel","value":true},{"label":"IDE tabs","type":"hasLabel","value":true},{"label":"Omnibar","type":"hasLabel","value":true},{"label":"Entity Explorer","type":"hasLabel","value":true},{"label":"Page Management","type":"hasLabel","value":true},{"label":"Preview mode","type":"hasLabel","value":true},{"label":"Entity Management","type":"hasLabel","value":true}],"requires":1},"Accelerators Product":{"conditions":[{"label":"Generate Page","type":"hasLabel","value":true},{"label":"Building blocks","type":"hasLabel","value":true}],"requires":1},"Templates Product":{"conditions":[{"label":"Partial-import-export","type":"hasLabel","value":true},{"label":"Templates Product","type":"hasLabel","value":true}],"requires":1},"Design System Product":{"conditions":[{"label":"Design System Product","type":"hasLabel","value":true},{"label":"ADS Component Issue","type":"hasLabel","value":true},{"label":"Keyboard accessibility ","type":"hasLabel","value":true},{"label":"Toggle button","type":"hasLabel","value":true},{"label":"ADS Category Token","type":"hasLabel","value":true},{"label":"ADS Component Documentation","type":"hasLabel","value":true},{"label":"ADS Migration","type":"hasLabel","value":true},{"label":"ADS Deduplication ","type":"hasLabel","value":true},{"label":"ADS Revamp","type":"hasLabel","value":true},{"label":"ADS Deduplication","type":"hasLabel","value":true},{"label":"ADS Unit Test","type":"hasLabel","value":true},{"label":"ADS Components","type":"hasLabel","value":true},{"label":"ADS Grayscale","type":"hasLabel","value":true},{"label":"Design System","type":"hasLabel","value":true},{"label":"ADS Typography","type":"hasLabel","value":true},{"label":"ADS Visual Styles","type":"hasLabel","value":true},{"label":"ADS Component Design","type":"hasLabel","value":true},{"label":"Modal Component","type":"hasLabel","value":true},{"label":"ADS Spacing","type":"hasLabel","value":true},{"label":"ads unit test","type":"hasLabel","value":true},{"label":"ads revamp","type":"hasLabel","value":true},{"label":"ads deduplication","type":"hasLabel","value":true}],"requires":1},"RBAC Product":{"conditions":[{"label":"Invite users","type":"hasLabel","value":true},{"label":"RBAC Product","type":"hasLabel","value":true}],"requires":1},"Workspace Product":{"conditions":[{"label":"Home Page","type":"hasLabel","value":true},{"label":"Workspace Product","type":"hasLabel","value":true}],"requires":1},"Billing & Licensing Product":{"conditions":[{"label":"Customer Portal","type":"hasLabel","value":true},{"label":"Cloud Services","type":"hasLabel","value":true},{"label":"Billing","type":"hasLabel","value":true},{"label":"Self Serve","type":"hasLabel","value":true},{"label":"Enterprise Billing","type":"hasLabel","value":true},{"label":"Analytics Improvements","type":"hasLabel","value":true},{"label":"Self Serve 1.0","type":"hasLabel","value":true},{"label":"License","type":"hasLabel","value":true},{"label":"BE instance","type":"hasLabel","value":true},{"label":"Invite flow","type":"hasLabel","value":true},{"label":"CE Instance Usage","type":"hasLabel","value":true},{"label":"Feature Flagging","type":"hasLabel","value":true}],"requires":1},"Packages Product":{"conditions":[{"label":"Packages Product","type":"hasLabel","value":true}],"requires":1},"Environments Product":{"conditions":[{"label":"Environments Product","type":"hasLabel","value":true}],"requires":1},"UI Building Product":{"conditions":[{"label":"Property Pane","type":"hasLabel","value":true},{"label":"Copy Paste","type":"hasLabel","value":true},{"label":"Drag & Drop","type":"hasLabel","value":true},{"label":"Undo/Redo","type":"hasLabel","value":true},{"label":"Widgets Pane","type":"hasLabel","value":true},{"label":"UI Performance","type":"hasLabel","value":true},{"label":"Widget Grouping","type":"hasLabel","value":true},{"label":"Reflow & Resize","type":"hasLabel","value":true},{"label":"Canvas / Grid","type":"hasLabel","value":true},{"label":"Auto Height","type":"hasLabel","value":true},{"label":"Browser specific","type":"hasLabel","value":true},{"label":"Auto Layout","type":"hasLabel","value":true},{"label":"Fixed layout","type":"hasLabel","value":true},{"label":"App Navigation","type":"hasLabel","value":true}],"requires":1},"Onboarding Product":{"conditions":[{"label":"Welcome Screen","type":"hasLabel","value":true}],"requires":1},"Git Product":{"conditions":[{"label":"Git Product","type":"hasLabel","value":true},{"label":"Git Auto-commit","type":"hasLabel","value":true},{"label":"Auto-commit","type":"hasLabel","value":true},{"label":"Continuous Deployment","type":"hasLabel","value":true},{"label":"Default branch","type":"hasLabel","value":true},{"label":"Git status","type":"hasLabel","value":true},{"label":"Git performance","type":"hasLabel","value":true},{"label":"SDLC","type":"hasLabel","value":true},{"label":"Git IA","type":"hasLabel","value":true},{"label":"Branch management","type":"hasLabel","value":true}],"requires":1},"Embedding Apps Product":{"conditions":[{"label":"Embedding Apps Product","type":"hasLabel","value":true}],"requires":1},"Integrations Product":{"conditions":[{"label":"New Datasource","type":"hasLabel","value":true},{"label":"Firestore","type":"hasLabel","value":true},{"label":"Google Sheets","type":"hasLabel","value":true},{"label":"Mongo","type":"hasLabel","value":true},{"label":"Redshift","type":"hasLabel","value":true},{"label":"snowflake","type":"hasLabel","value":true},{"label":"S3","type":"hasLabel","value":true},{"label":"Redis","type":"hasLabel","value":true},{"label":"Postgres","type":"hasLabel","value":true},{"label":"GraphQL Plugin","type":"hasLabel","value":true},{"label":"ArangoDB","type":"hasLabel","value":true},{"label":"MsSQL","type":"hasLabel","value":true},{"label":"Elastic Search","type":"hasLabel","value":true},{"label":"OAuth","type":"hasLabel","value":true},{"label":"Airtable","type":"hasLabel","value":true},{"label":"CURL","type":"hasLabel","value":true},{"label":"DynamoDB","type":"hasLabel","value":true},{"label":"Zendesk","type":"hasLabel","value":true},{"label":"Hubspot","type":"hasLabel","value":true},{"label":"Query Forms","type":"hasLabel","value":true},{"label":"Twilio","type":"hasLabel","value":true},{"label":"MySQL","type":"hasLabel","value":true},{"label":"Connection pool","type":"hasLabel","value":true},{"label":"MariaDB","type":"hasLabel","value":true},{"label":"Integrations Pod General","type":"hasLabel","value":true},{"label":"SMTP plugin","type":"hasLabel","value":true},{"label":"Oracle SQL DB","type":"hasLabel","value":true},{"label":"Query filter","type":"hasLabel","value":true},{"label":"Activation - datasources","type":"hasLabel","value":true},{"label":"REST API","type":"hasLabel","value":true},{"label":"REST API","type":"hasLabel","value":true},{"label":"Datasources","type":"hasLabel","value":true},{"label":"REST API plugin","type":"hasLabel","value":true},{"label":"Prepared statements","type":"hasLabel","value":true},{"label":"Query Generation","type":"hasLabel","value":true},{"label":"Core Query Execution","type":"hasLabel","value":true},{"label":"Query Management","type":"hasLabel","value":true},{"label":"Query Settings","type":"hasLabel","value":true},{"label":"Query performance","type":"hasLabel","value":true},{"label":"Datatype issue","type":"hasLabel","value":true},{"label":"SmartSubstitution","type":"hasLabel","value":true},{"label":"Suggested Widgets","type":"hasLabel","value":true},{"label":"SAAS Plugins","type":"hasLabel","value":true},{"label":"Reconnect DS modal","type":"hasLabel","value":true},{"label":"OnPageLoad","type":"hasLabel","value":true},{"label":"File upload issues","type":"hasLabel","value":true},{"label":"AI","type":"hasLabel","value":true},{"label":"Appsmith AI","type":"hasLabel","value":true},{"label":"Database Schema","type":"hasLabel","value":true}],"requires":1},"Identity & Authentication Product":{"conditions":[{"label":"Login / Signup","type":"hasLabel","value":true},{"label":"SSO","type":"hasLabel","value":true},{"label":"SCIM","type":"hasLabel","value":true},{"label":"Email verification","type":"hasLabel","value":true}],"requires":1},"Artifact Platform Product":{"conditions":[{"label":"Fork App","type":"hasLabel","value":true},{"label":"Publish App","type":"hasLabel","value":true},{"label":"Secret Management","type":"hasLabel","value":true},{"label":"Import-Export-App","type":"hasLabel","value":true}],"requires":1},"DevOps Pod":{"conditions":[{"label":"Docker","type":"hasLabel","value":true},{"label":"Super Admin","type":"hasLabel","value":true},{"label":"Deployment","type":"hasLabel","value":true},{"label":"K8s","type":"hasLabel","value":true},{"label":"Email Config","type":"hasLabel","value":true},{"label":"Backup & Restore","type":"hasLabel","value":true},{"label":"AWS AMI","type":"hasLabel","value":true},{"label":"Observability","type":"hasLabel","value":true},{"label":"Heroku","type":"hasLabel","value":true},{"label":"New Deployment Mode","type":"hasLabel","value":true},{"label":"Supervisor","type":"hasLabel","value":true},{"label":"Deployment Certificates","type":"hasLabel","value":true},{"label":"Mock Data","type":"hasLabel","value":true},{"label":"AWS ECS","type":"hasLabel","value":true},{"label":"Ingress","type":"hasLabel","value":true},{"label":"Nginx","type":"hasLabel","value":true},{"label":"Setup Issues","type":"hasLabel","value":true}],"requires":1},"Performance Pod":{"conditions":[{"label":"Performance","type":"hasLabel","value":true},{"label":"Performance infra","type":"hasLabel","value":true}],"requires":1},"IDE Pod":{"conditions":[{"label":"Telemetry","type":"hasLabel","value":true},{"label":"i18n","type":"hasLabel","value":true},{"label":"IDE Product","type":"hasLabel","value":true},{"label":"App setting","type":"hasLabel","value":true},{"label":"Debugger Product","type":"hasLabel","value":true},{"label":"Embedding Apps Product","type":"hasLabel","value":true}],"requires":1},"Platform Administration Pod":{"conditions":[{"label":"Airgap","type":"hasLabel","value":true},{"label":"Enterprise Edition","type":"hasLabel","value":true},{"label":"Invite flow","type":"hasLabel","value":true},{"label":"User Profile","type":"hasLabel","value":true},{"label":"User Session ","type":"hasLabel","value":true},{"label":"User Session","type":"hasLabel","value":true},{"label":"Admin Settings Product","type":"hasLabel","value":true},{"label":"RBAC Product","type":"hasLabel","value":true},{"label":"Workspace Product","type":"hasLabel","value":true},{"label":"Branding Product","type":"hasLabel","value":true},{"label":"Audit Logs Product","type":"hasLabel","value":true},{"label":"Identity & Authentication Product","type":"hasLabel","value":true},{"label":"Billing & Licensing Product","type":"hasLabel","value":true},{"label":"Move to Postgres","type":"hasLabel","value":true}],"requires":1},"DB Infrastructure Pod":{"conditions":[],"requires":1},"Widgets & Accelerators Pod":{"conditions":[{"label":"Accelerators Product","type":"hasLabel","value":true},{"label":"Templates Product","type":"hasLabel","value":true},{"label":"Widgets Product","type":"hasLabel","value":true},{"label":"App Theming Product","type":"hasLabel","value":true}],"requires":1},"Packages Pod":{"conditions":[{"label":"Module creator","type":"hasLabel","value":true},{"label":"Module consumer","type":"hasLabel","value":true},{"label":"Package versioning","type":"hasLabel","value":true},{"label":"Convert to module","type":"hasLabel","value":true},{"label":"Query module","type":"hasLabel","value":true},{"label":"JS module","type":"hasLabel","value":true},{"label":"UI module","type":"hasLabel","value":true},{"label":"Packages Pod","type":"hasLabel","value":true}],"requires":1},"Workflows Pod":{"conditions":[{"label":"Workflows Product","type":"hasLabel","value":true}],"requires":1},"Query & JS Pod":{"conditions":[{"label":"Javascript Product","type":"hasLabel","value":true},{"label":"Onboarding Product","type":"hasLabel","value":true},{"label":"Integrations Product","type":"hasLabel","value":true},{"label":"Reconfigure Datasource Modal","type":"hasLabel","value":true}],"requires":1},"QA Pod":{"conditions":[{"label":"QA","type":"hasLabel","value":true},{"label":"Automation Test","type":"hasLabel","value":true},{"label":"TestGap","type":"hasLabel","value":true},{"label":"Automation failures","type":"hasLabel","value":true},{"label":"Needs automation","type":"hasLabel","value":true}],"requires":1},"Anvil POD":{"conditions":[{"label":"Checkbox Component","type":"hasLabel","value":true},{"label":"WDS team","type":"hasLabel","value":true},{"label":"Anvil POD","type":"hasLabel","value":true},{"label":"WDS - all widgets","type":"hasLabel","value":true},{"label":"WDS - input widget","type":"hasLabel","value":true},{"label":"WDS - paragraph widget","type":"hasLabel","value":true},{"label":"WDS - statbox widget","type":"hasLabel","value":true},{"label":"WDS - modal widget","type":"hasLabel","value":true},{"label":"WDS - icon widget","type":"hasLabel","value":true},{"label":"WDS - checkbox widget","type":"hasLabel","value":true},{"label":"WDS - table widget","type":"hasLabel","value":true},{"label":"WDS - keyValue widget","type":"hasLabel","value":true},{"label":"WDS - switch group widget","type":"hasLabel","value":true},{"label":"WDS - theming","type":"hasLabel","value":true},{"label":"Anvil layout","type":"hasLabel","value":true},{"label":"Anvil - theming","type":"hasLabel","value":true},{"label":"Anvil - vertical alignment","type":"hasLabel","value":true},{"label":"Anvil - layout component","type":"hasLabel","value":true},{"label":"Anvil - drag & drop","type":"hasLabel","value":true},{"label":"Anvil - zones & sections","type":"hasLabel","value":true},{"label":"Anvil - copy paste experience","type":"hasLabel","value":true},{"label":"WDS  - phone widget","type":"hasLabel","value":true},{"label":"WDS - responsive widget","type":"hasLabel","value":true},{"label":"Anvil - responsive viewport","type":"hasLabel","value":true},{"label":"WDS  - widget styling","type":"hasLabel","value":true},{"label":"Anvil - spacing","type":"hasLabel","value":true},{"label":"Anvil - responsive canvas","type":"hasLabel","value":true},{"label":"WDS - inline button widget","type":"hasLabel","value":true},{"label":"Anvil team","type":"hasLabel","value":true}],"requires":1},"Activation Pod":{"conditions":[{"label":"Activation","type":"hasLabel","value":true}],"requires":1},"Stability Pod":{"conditions":[{"label":"Stability Issue","type":"hasLabel","value":true},{"label":"cypress-flaky-fix","type":"hasLabel","value":true},{"label":"Cypress flaky tests","type":"hasLabel","value":true}],"requires":1},"Documentation Pod":{"conditions":[{"label":"Documentation","type":"hasLabel","value":true}],"requires":1},"Packages & Git Pod":{"conditions":[{"label":"Packages Pod","type":"hasLabel","value":true},{"label":"Git Product","type":"hasLabel","value":true},{"label":"Packages Product","type":"hasLabel","value":true},{"label":"Git Platform","type":"hasLabel","value":true}],"requires":1},"Git Platform":{"conditions":[{"label":"Environments Product","type":"hasLabel","value":true},{"label":"Artifact Platform Product","type":"hasLabel","value":true}],"requires":1}}},"root":"."}],"labels":{"Tab Widget":{"color":"e2c76c","name":"Tab Widget","description":""},"Dont merge":{"color":"ADB39C","name":"Dont merge","description":""},"Epic":{"color":"3E4B9E","name":"Epic","description":"A zenhub epic that describes a project"},"Menu Button Widget":{"color":"235708","name":"Menu Button Widget","description":"Issues related to Menu Button widget"},"Checkbox Group widget":{"color":"bbeecd","name":"Checkbox Group widget","description":"Issues related to Checkbox Group Widget"},"Input Widget":{"color":"ae65d8","name":"Input Widget","description":""},"Security":{"color":"99139C","name":"Security","description":""},"QA":{"color":"","name":"QA","description":"Needs QA attention"},"Verified":{"color":"9bf416","name":"Verified","description":""},"Wont Fix":{"color":"ffffff","name":"Wont Fix","description":"This will not be worked on"},"MySQL":{"color":"c9ddc6","name":"MySQL","description":"Issues related to MySQL plugin"},"Development":{"color":"9F8A02","name":"Development","description":""},"Help Wanted":{"color":"008672","name":"Help Wanted","description":"Extra attention is needed"},"Home Page":{"color":"","name":"Home Page","description":"Issues related to the application home page"},"Rating Widget":{"color":"235708","name":"Rating Widget","description":"Issues related to the rating widget"},"Stat Box Widget":{"color":"f1c9ce","name":"Stat Box Widget","description":"Issues related to stat box"},"Enhancement":{"color":"a2eeef","name":"Enhancement","description":"New feature or request"},"Fork App":{"color":"af87c7","name":"Fork App","description":"Issues related to forking apps"},"Container Widget":{"color":"19AD0D","name":"Container Widget","description":"Container widget"},"Papercut":{"color":"B562F6","name":"Papercut","description":""},"Needs Design":{"color":"bfd4f2","name":"Needs Design","description":"needs design or changes to design"},"i18n":{"color":"1799b0","name":"i18n","description":"Represents issues that need to be tackled to handle internationalization"},"Rich Text Editor Widget":{"color":"f72cac","name":"Rich Text Editor Widget","description":""},"skip-changelog":{"color":"06086F","name":"skip-changelog","description":"Adding this label to a PR prevents it from being listed in the changelog"},"Low":{"color":"79e53b","name":"Low","description":"An issue that is neither critical nor breaks a user flow"},"potential-duplicate":{"color":"d3cb2e","name":"potential-duplicate","description":"This label marks issues that are potential duplicates of already open issues"},"Audio Widget":{"color":"447B9A","name":"Audio Widget","description":"Issues related to Audio Widget"},"Firestore":{"color":"8078b0","name":"Firestore","description":"Issues related to the firestore Integration"},"New Widget":{"color":"be4cf2","name":"New Widget","description":"A request for a new widget"},"Modal Widget":{"color":"03846f","name":"Modal Widget","description":""},"UX Improvement":{"color":"f4a089","name":"UX Improvement","description":""},"S3":{"color":"8078b0","name":"S3","description":"Issues related to the S3 plugin"},"Release Blocker":{"color":"5756bf","name":"Release Blocker","description":"This issue must be resolved before the release"},"safari":{"color":"51C6AA","name":"safari","description":"Bugs seen on safari browser"},"Example Apps":{"color":"1799b0","name":"Example Apps","description":"Example apps created for new signups"},"MultiSelect Widget":{"color":"AB62D4","name":"MultiSelect Widget","description":"Issues related to MultiSelect Widget"},"Calendar Widget":{"color":"8c6644","name":"Calendar Widget","description":""},"Website":{"color":"151720","name":"Website","description":"Related to www.appsmith.com website"},"Low effort":{"color":"8B59F0","name":"Low effort","description":"Something that'll take a few days to build"},"Checkbox Widget":{"color":"bbeecd","name":"Checkbox Widget","description":""},"Spam":{"color":"620faf","name":"Spam","description":""},"Voice Recorder Widget":{"color":"85bc87","name":"Voice Recorder Widget","description":""},"Select Widget":{"color":"0c669e","name":"Select Widget","description":"Select or dropdown widget"},"Bug":{"color":"8ba6fd","name":"Bug","description":"Something isn't right"},"Widget Validation":{"color":"6990BC","name":"Widget Validation","description":"Issues related to widget property validation"},"Generate Page":{"color":"2b4664","name":"Generate Page","description":"Issures related to page generation"},"File Picker Widget":{"color":"6ae4f2","name":"File Picker Widget","description":""},"snowflake":{"color":"8078b0","name":"snowflake","description":"Issues related to the snowflake Integration"},"Automation":{"color":"CCAF60","name":"Automation","description":""},"hotfix":{"color":"BA3F1D","name":"hotfix","description":""},"Import-Export-App":{"color":"48883f","name":"Import-Export-App","description":"Issues related to importing and exporting apps"},"High effort":{"color":"A7E87B","name":"High effort","description":"Something that'll take more than a month to build"},"Telemetry":{"color":"bc70f9","name":"Telemetry","description":"Issues related to instrumenting appsmith"},"Radio Widget":{"color":"91ef15","name":"Radio Widget","description":""},"Omnibar":{"color":"1bb96a","name":"Omnibar","description":"Issues related to the omnibar for navigation"},"Button Widget":{"color":"34efae","name":"Button Widget","description":""},"Switch widget":{"color":"33A8CE","name":"Switch widget","description":"The switch widget"},"Map Widget":{"color":"7eef7a","name":"Map Widget","description":""},"Task":{"color":"085630","name":"Task","description":"A simple Todo"},"Design System":{"color":"2958a4","name":"Design System","description":"Design system"},"opera":{"color":"C63F5B","name":"opera","description":"Any issues identified on the opera browser"},"Login / Signup":{"color":"","name":"Login / Signup","description":"Authentication flows"},"Image Widget":{"color":"8de8ad","name":"Image Widget","description":""},"firefox":{"color":"6d56e2","name":"firefox","description":""},"Property Pane":{"color":"b356ff","name":"Property Pane","description":"Issues related to the behaviour of the property pane"},"Deployment":{"color":"93491f","name":"Deployment","description":"Installation process of appsmith"},"Production":{"color":"b60205","name":"Production","description":""},"Dependencies":{"color":"0366d6","name":"Dependencies","description":"Pull requests that update a dependency file"},"Google Sheets":{"color":"8078b0","name":"Google Sheets","description":"Issues related to Google Sheets"},"Icon Button Widget":{"color":"D319CE","name":"Icon Button Widget","description":"Issues related to the icon button widget"},"Mongo":{"color":"8078b0","name":"Mongo","description":"Issues related to Mongo DB plugin"},"Documentation":{"color":"a8dff7","name":"Documentation","description":"Improvements or additions to documentation"},"TestGap":{"color":"","name":"TestGap","description":"Issues identified for test plan improvement"},"keyboard shortcut":{"color":"0688B6","name":"keyboard shortcut","description":""},"Reopen":{"color":"897548","name":"Reopen","description":""},"Redshift":{"color":"8078b0","name":"Redshift","description":"Issues related to the redshift integration"},"Date Picker Widget":{"color":"ef1ce1","name":"Date Picker Widget","description":""},"Entity Explorer":{"color":"1bb96a","name":"Entity Explorer","description":"Issues related to navigation using the entity explorer"},"JS Linting & Errors":{"color":"E56AA5","name":"JS Linting & Errors","description":"Issues related to JS Linting and errors"},"iFrame":{"color":"3CD1DB","name":"iFrame","description":"Issues related to iFrame"},"Stale":{"color":"ededed","name":"Stale","description":null},"Text Widget":{"color":"d130d1","name":"Text Widget","description":""},"Video Widget":{"color":"23dd4b","name":"Video Widget","description":""},"Datasources":{"color":"3d590f","name":"Datasources","description":"Issues related to configuring datasource on appsmith"},"error":{"color":"B66773","name":"error","description":"All issues connected to error messages"},"Form Widget":{"color":"09ed77","name":"Form Widget","description":""},"Needs Triaging":{"color":"e8b851","name":"Needs Triaging","description":"Needs attention from maintainers to triage"},"Autocomplete":{"color":"235708","name":"Autocomplete","description":"Issues related to the autocomplete"},"hacktoberfest":{"color":"0052cc","name":"hacktoberfest","description":"All issues that can be solved by the community during Hacktoberfest"},"Medium effort":{"color":"D31156","name":"Medium effort","description":"Something that'll take more than a week but less than a month to build"},"Release":{"color":"57e5e0","name":"Release","description":""},"High":{"color":"c94d14","name":"High","description":"This issue blocks a user from building or impacts a lot of users"},"UI Performance":{"color":"1799b0","name":"UI Performance","description":"Issues related to UI performance"},"Deploy Preview":{"color":"bfdadc","name":"Deploy Preview","description":"Issues found in Deploy Preview"},"Needs Tests":{"color":"8ee263","name":"Needs Tests","description":"Needs automated tests to assert a feature/bug fix"},"Refactor":{"color":"B96662","name":"Refactor","description":"needs refactoring of code"},"Divider Widget":{"color":"235708","name":"Divider Widget","description":"Issues related to the divider widget"},"Table Widget":{"color":"2eead1","name":"Table Widget","description":""},"Needs More Info":{"color":"e54c10","name":"Needs More Info","description":"Needs additional information"},"Good First Issue":{"color":"7057ff","name":"Good First Issue","description":"Good for newcomers"},"UI Improvement":{"color":"9aeef4","name":"UI Improvement","description":""},"Backend":{"color":"d4c5f9","name":"Backend","description":"This marks the issue or pull request to reference server code"},"Frontend":{"color":"87c7f2","name":"Frontend","description":"This label marks the issue or pull request to reference client code"},"Chart Widget":{"color":"616ecc","name":"Chart Widget","description":""},"List Widget":{"color":"8508A0","name":"List Widget","description":"Issues related to the list widget"},"Duplicate":{"color":"cfd3d7","name":"Duplicate","description":"This issue or pull request already exists"},"JS Snippets":{"color":"8d62d2","name":"JS Snippets","description":"issues related to JS Snippets"},"Copy Paste":{"name":"Copy Paste","description":"Issues related to copy paste","color":"b4f0a9"},"Drag & Drop":{"name":"Drag & Drop","description":"Issues related to the drag & drop experience","color":"92115a"},"Sniping Mode":{"name":"Sniping Mode","description":"Issues related to sniping mode","color":"48883f"},"Redis":{"name":"Redis","description":"Issues related to Redis","color":"8078b0"},"New Datasource":{"color":"60b14c","name":"New Datasource","description":"Requests for new datasources"},"Evaluated Value":{"name":"Evaluated Value","description":"Issues related to evaluated values","color":"39f6e7"},"Undo/Redo":{"name":"Undo/Redo","description":"Issues related to undo/redo","color":"f25880"},"App Navigation":{"name":"App Navigation","description":"Issues related to the topbar navigation and configuring it","color":"4773ab"},"Widgets Pane":{"name":"Widgets Pane","description":"Issues related to the discovery and organisation of widgets","color":"ad5d78"},"View Mode":{"color":"1799b0","name":"View Mode","description":"Issues related to the view mode"},"Content":{"name":"Content","description":"For content related topics i.e blogs, templates, videos","color":"a8dff7"},"Slash Command":{"name":"Slash Command","description":"Issues related to the slash command","color":"a0608e"},"Widget Property":{"name":"Widget Property","description":"Issues related to adding / modifying widget properties across widgets","color":"5e92cb"},"Windows":{"name":"Windows","description":"Issues related exclusively to Windows systems","color":"b4cb8a"},"Old App Issues":{"name":"Old App Issues","description":"Issues related to apps old apps a few weeks old and app issues in stale browser session","color":"87ab18"},"Document Viewer Widget":{"name":"Document Viewer Widget","description":"Issues related to Document Viewer Widget","color":"899d4b"},"Radio Group Widget":{"name":"Radio Group Widget","description":"Issues related to radio group widget","color":"b68495"},"Super Admin":{"name":"Super Admin","description":"Issues related to the super admin page","color":"aa95cf"},"Postgres":{"name":"Postgres","description":"Postgres related issues","color":"8078b0"},"New JS Function":{"name":"New JS Function","description":"Issues related to adding a JS Function","color":"8e8aa4"},"Cannot Reproduce Issue":{"color":"93c9cc","name":"Cannot Reproduce Issue","description":"Issues that cannot be reproduced"},"Widget Grouping":{"name":"Widget Grouping","description":"Issues related to Widget Grouping","color":"a49951"},"K8s":{"name":"K8s","description":"Kubernetes related issues","color":"5f318a"},"Docker":{"name":"Docker","description":"Issues related to docker","color":"89b808"},"Camera Widget":{"name":"Camera Widget","description":"Issues and enhancements related to camera widget","color":"e6038e"},"SAAS Plugins":{"name":"SAAS Plugins","description":"Issues related to SAAS Plugins","color":"80e18f"},"JS Promises":{"name":"JS Promises","description":"Issues related to promises","color":"d7771f"},"OnPageLoad":{"name":"OnPageLoad","description":"OnPageLoad issues on functions and queries","color":"2b4664"},"JS Usability":{"name":"JS Usability","description":"usability issues with JS editor and JS elsewhere","color":"a302b0"},"Currency Input Widget":{"name":"Currency Input Widget","description":"Issues related to currency input widget","color":"b2164f"},"TreeSelect":{"name":"TreeSelect","description":"Issues related to TreeSelect Widget","color":"a1633e"},"MultiTree Select Widget":{"name":"MultiTree Select Widget","description":"Issues related to MultiTree Select Widget","color":"a1633e"},"Welcome Screen":{"name":"Welcome Screen","description":"Issues related to the welcome screen","color":"48883f"},"Realtime Commenting":{"color":"a70b86","name":"Realtime Commenting","description":"In-app communication between teams"},"Phone Input Widget":{"name":"Phone Input Widget","description":"Issues related to the Phone Input widget","color":"a70b86"},"JSON Form":{"name":"JSON Form","description":"Issue / features related to the JSON form wiget","color":"46b209"},"All Widgets":{"name":"All Widgets","description":"Issues related to all widgets","color":"972b36"},"V1":{"name":"V1","description":"V1","color":"67ab2e"},"Reflow & Resize":{"name":"Reflow & Resize","description":"All issues related to reflow and resize experience","color":"748a13"},"SSO":{"name":"SSO","description":"Issues, requests and enhancements around Single sign-on.","color":""},"Multi User Realtime":{"name":"Multi User Realtime","description":"Issues related to multiple users using or editing an application","color":"e7b6ce"},"Ready for design":{"name":"Ready for design","description":"this issue is ready for design: it contains clear problem statements and other required information","color":"ebf442"},"Support":{"name":"Support","description":"Issues created by the A-force team to address user queries","color":"1740f3"},"Button Group widget":{"name":"Button Group widget","description":"Issue and enhancements related to the button group widget","color":"f17025"},"GraphQL Plugin":{"name":"GraphQL Plugin","description":"Issues related to GraphQL plugin","color":"8078b0"},"DevOps Pod":{"name":"DevOps Pod","description":"Issues related to devops","color":"d956c7"},"medium":{"name":"medium","description":"Issues that frustrate users due to poor UX","color":"23dfd9"},"ArangoDB":{"name":"ArangoDB","description":"Issues related to arangoDB","color":"8078b0"},"Code Refactoring":{"name":"Code Refactoring","description":"Issues related to code refactoring","color":"76310e"},"Progress bar widget":{"name":"Progress bar widget","description":"To track issues related to progress bar","color":"2d7abf"},"Audio Recorder Widget":{"name":"Audio Recorder Widget","description":"Issues related to Audio Recorder Widget","color":"9accef"},"Airtable":{"name":"Airtable","description":"Issues for Airtable","color":"60885f"},"Canvas / Grid":{"name":"Canvas / Grid","description":"Issues related to the canvas","color":"16b092"},"Email Config":{"name":"Email Config","description":"Issues related to configuring the email service","color":"2a21d1"},"CURL":{"name":"CURL","description":"Issues related to CURL impor","color":"60885f"},"Canvas Zooms":{"name":"Canvas Zooms","description":"Issues related to zooming the canvas","color":"e6038e"},"business":{"name":"business","description":"Features that will be a part of our business edition","color":"cd59eb"},"Action Pod":{"name":"Action Pod","description":"","color":"ee2e36"},"AutomationGap1":{"color":"a5e07c","name":"AutomationGap1","description":"Issues that needs automated tests"},"A-Force11":{"name":"A-Force11","description":"Issues raised by A-Force team","color":"d667b6"},"Business Edition":{"name":"Business Edition","description":"Features that will be a part of our business edition","color":"89bb6c"},"storeValue":{"name":"storeValue","description":"Issues related to the store value function","color":"5d3e66"},"DynamoDB":{"name":"DynamoDB","description":"Issues that are related to DynamoDB should have this label","color":"60885f"},"Backup & Restore":{"name":"Backup & Restore","description":"Issues related to backup and restore","color":"86874d"},"Billing":{"name":"Billing","description":"Billing infrastructure and flows for Business Edition and Trial users","color":"d2bc40"},"Datatype issue":{"name":"Datatype issue","description":"Issues that have risen because data types weren't handled","color":"cef66b"},"OAuth":{"name":"OAuth","description":"OAuth related bugs or features","color":"60885f"},"Table Widget V2":{"name":"Table Widget V2","description":"Issues related to Table Widget V2","color":"3a7192"},"IDE Navigation":{"name":"IDE Navigation","description":"Issues/feature requests related to IDE navigation, and context switching","color":"1bb96a"},"Query performance":{"name":"Query performance","description":"Issues that have to do with lack in performance of query execution","color":"cef66b"},"SAAS Manager App":{"name":"SAAS Manager App","description":"Issues with the SAAS manager app","color":"d427db"},"Twilio":{"name":"Twilio","description":"Issues related to Twilio integration","color":"23ba8d"},"Hubspot":{"name":"Hubspot","description":"Issues related to Hubspot integration","color":"60885f"},"Zendesk":{"name":"Zendesk","description":"Issues related to Zendesk integration","color":"60885f"},"Entity Refactor":{"name":"Entity Refactor","description":"Issues related to refactor logic","color":"705a2c"},"Map Chart Widget":{"name":"Map Chart Widget","description":"Issues related to Map Chart Widgets","color":"c8397f"},"Product Catchup":{"name":"Product Catchup","description":"Issues created in the product catchup","color":"29cd2c"},"Framework Functions":{"name":"Framework Functions","description":"Issues related to internal functions like showAlert(), navigateTo() etc...","color":"c25a09"},"Frontend Libraries Upgrade":{"name":"Frontend Libraries Upgrade","description":"Issues related to frontend libraries upgrade","color":"ede1fc"},"MsSQL":{"name":"MsSQL","description":"Issues related to MsSQL plugin","color":"8078b0"},"Elastic Search":{"name":"Elastic Search","description":"Issues related to the elastic search datasource","color":"8078b0"},"Core Query Execution":{"color":"cef66b","name":"Core Query Execution","description":"Issues related to the execution of all queries"},"Query Management":{"name":"Query Management","description":"Issues related to the CRUD of actions or queries","color":"cef66b"},"Query Settings":{"name":"Query Settings","description":"Issues related to the settings of all queries","color":"cef66b"},"Code Editor":{"name":"Code Editor","description":"Issues related to the code editor","color":"4ca16e"},"Query Forms":{"color":"12b253","name":"Query Forms","description":"Isuses related to the query forms"},"JS Objects":{"color":"22962c","name":"JS Objects","description":"Issues related to JS Objects"},"JS Evaluation":{"color":"22962c","name":"JS Evaluation","description":"Issues related to JS evaluation on the platform"},"SmartSubstitution":{"name":"SmartSubstitution","description":"Issues related to Smart substitution of mustache bindings in queries","color":"bae511"},"Query Generation":{"name":"Query Generation","description":"Issues related to query generation","color":"cef66b"},"Suggested Widgets":{"name":"Suggested Widgets","description":"Issues related to suggesting widgets based on query response","color":"6ac063"},"Code Scanner Widget":{"name":"Code Scanner Widget","description":"Issues related to code scanner widget","color":"9bc1a0"},"Clean URLs":{"name":"Clean URLs","description":"Issues related to clean URLs epic","color":"112623"},"Widget keyboard accessibility":{"name":"Widget keyboard accessibility","description":"All issues related to keyboard accessibility in widgets","color":"b626fd"},"Connection pool":{"name":"Connection pool","description":"issues to do with connection pooling of various plugins","color":"94fe36"},"List Widget V2":{"name":"List Widget V2","description":"Issues related to the list widget v2","color":"adaaf7"},"Auto Height":{"name":"Auto Height","description":"Issues related to dynamic height of widgets","color":"5149cf"},"cypress_failed_test":{"name":"cypress_failed_test","description":"Cypress failed tests","color":"4745d5"},"Needs validation":{"name":"Needs validation","description":"Needs problem validation before being picked up","color":"66673d"},"Slider Widget":{"name":"Slider Widget","description":"Issues raised for slider widgets.","color":"2eef5f"},"Multitenancy":{"name":"Multitenancy","description":"Support multitenancy within single appsmith instance","color":"8c49a9"},"Conversion Algorithm":{"name":"Conversion Algorithm","description":"All issue related to converting app from fixed to flex mode & vice versa","color":"d12d2e"},"Browser specific":{"name":"Browser specific","description":"All issue related to browser","color":"d12d2e"},"Performance infra":{"name":"Performance infra","description":"all issue related to the performance infra","color":"8a60f6"},"DSL Update":{"name":"DSL Update","description":"Issues related to storing and updating the DSL","color":"e16cf3"},"AST-frontend":{"name":"AST-frontend","description":"Issues related to maintaining AST logic","color":"2b4664"},"AST-backend":{"name":"AST-backend","description":"Backend issues related to AST parsing","color":"48883f"},"MariaDB":{"name":"MariaDB","description":"MariaDB datasource","color":"8428c3"},"ADS Component Issue":{"name":"ADS Component Issue","description":"Issues which are caused due to ADS components","color":"d89119"},"Regressed":{"color":"723fd0","name":"Regressed","description":"Scenarios that were working before but have now regressed"},"Needs RCA":{"name":"Needs RCA","description":"a critical or high priority issue that needs an RCA","color":"2cc68f"},"Custom JS Libraries":{"name":"Custom JS Libraries","description":"Issues related to adding custom JS library","color":"bacb6d"},"Integrations Pod General":{"name":"Integrations Pod General","description":"Issues related to the Integrations Pod that don't fit into other tags.","color":"287823"},"Performance Pod":{"name":"Performance Pod","description":"All things related to Appsmith performance","color":"b5a25d"},"Performance":{"name":"Performance","description":"Issues related to performance","color":"9a18d7"},"File upload issues":{"name":"File upload issues","description":"Issues related to uploading any type of files from within Appsmith","color":"2b4664"},"Action Selector":{"name":"Action Selector","description":"Issues related to action selector on the property pane","color":"2f9e20"},"Community Reported":{"name":"Community Reported","description":"issues reported by community members","color":"1402e5"},"JS Function execution":{"name":"JS Function execution","description":"JS function execution","color":"7c2de1"},"Self Serve":{"name":"Self Serve","description":"For all issues related to self-serve flow for business edition","color":"4dacfc"},"Self Serve 1.0":{"name":"Self Serve 1.0","description":"For all issues related to v1 of the self serve project","color":"ae839e"},"Customer Portal":{"name":"Customer Portal","description":"For all tasks/issues pertaining to customer.appsmith.com","color":"d2bc40"},"Cloud Services":{"name":"Cloud Services","description":"For all tasks/issues on Appsmith cloud-services relating to licensing, usage and billing","color":"d2bc40"},"One-click Binding":{"name":"One-click Binding","description":"Issues related to the One click binding epic","color":"f1661c"},"Airgap":{"name":"Airgap","description":"Tickets related to supporting air-gapped Appsmith instances","color":"1cb294"},"SMTP plugin":{"name":"SMTP plugin","description":"Issues related to SMTP plugin","color":"541457"},"AWS AMI":{"name":"AWS AMI","description":"Issues Related to AWS AMI","color":"b44680"},"Old widget version":{"name":"Old widget version","description":"Use this label to raise issue specific only to an older version of a widget","color":"ff3814"},"Enterprise Billing":{"name":"Enterprise Billing","description":"To track all tasks/issues related to licensing & billing for enterprise customers","color":"14c156"},"Oracle SQL DB":{"name":"Oracle SQL DB","description":"Issues related to the Oracle plugin","color":"cbabcb"},"Community Contributor":{"name":"Community Contributor","description":"Meant to track issues that are assigned to external contributors","color":"149ab6"},"widget vertical alignment":{"name":"widget vertical alignment","description":"All issue related widget vertical alignment on the auto layout canvas","color":"d12d2e"},"Observability":{"name":"Observability","description":"Issues related to observability on the Appsmith instance","color":"dff913"},"Checkbox Component":{"name":"Checkbox Component","description":"This labels deals with checkbox component in wds package","color":"75a401"},"Analytics Improvements":{"name":"Analytics Improvements","description":"For all tasks focused on improving our overall analytics and fixing any issues ","color":"29b8ed"},"WDS team":{"name":"WDS team","description":"","color":"8d675a"},"Enterprise Edition":{"name":"Enterprise Edition","description":"Features that will be supported in Enterprise Edition only","color":"984f5e"},"Query filter":{"name":"Query filter","description":"Issues related to query filtering, e.g., WHERE clause","color":"a15134"},"Keyboard accessibility ":{"name":"Keyboard accessibility ","description":"All issue related to ADS component keyboard accessibility","color":"2ba696"},"Toggle button":{"name":"Toggle button","description":"All issue related to ADS toggle button","color":"edc47f"},"SCIM":{"name":"SCIM","description":"Label to collate our SCIM issues","color":"48883f"},"ADS Category Token":{"name":"ADS Category Token","description":"All issues related appsmith design system category tokens","color":"920961"},"ADS Component Documentation":{"name":"ADS Component Documentation","description":"All issues Appsmith design system component documentation","color":"64c46a"},"ADS Migration":{"name":"ADS Migration","description":"All issues related to Appsmith design system migration","color":"b082d6"},"ADS Deduplication ":{"name":"ADS Deduplication ","description":"Replacing component with ADS components","color":"b082d6"},"ADS Revamp":{"name":"ADS Revamp","description":"All issues related to ads revamp. ","color":"b082d6"},"ADS Deduplication":{"name":"ADS Deduplication","description":"Replacing component with ADS components","color":"b082d6"},"ADS Grayscale":{"name":"ADS Grayscale","description":"Support grayscale color changes","color":"b03577"},"ADS Unit Test":{"name":"ADS Unit Test","description":"All issue related ads unit cases ","color":"b082d6"},"ADS Components":{"name":"ADS Components","description":"All issues related ADS components","color":"b082d6"},"Widget Discoverability":{"name":"Widget Discoverability","description":"Issues related to Widget Discoverability","color":"7b55ce"},"Widget setter method":{"name":"Widget setter method","description":"Issues with widget property setters","color":"8dce87"},"License":{"name":"License","description":"For all issues/tasks related to licensing of appsmith-ee edition","color":"90ee98"},"Platformization":{"name":"Platformization","description":"Issues or tasks related to platformization of Appsmith codebase","color":"4e972b"},"Activation - datasources":{"name":"Activation - datasources","description":"issues related to activation projects","color":"7c7ace"},"Partial-import-export":{"name":"Partial-import-export","description":"Label for granular reusability.","color":"717732"},"AI":{"name":"AI","description":"All tasks related to AI","color":"2b4664"},"ADS Typography":{"name":"ADS Typography","description":"All issue related typographical changes","color":"2dbe8d"},"Auto Layout":{"name":"Auto Layout","description":"Issues relates to auto layout","color":"92cf8c"},"Heroku":{"name":"Heroku","description":"Issues related to Heroku","color":"a81b69"},"ADS Visual Styles":{"name":"ADS Visual Styles","description":"All issues related to ADS visual styles","color":"d3da89"},"ADS Component Design":{"name":"ADS Component Design","description":"All issue related to component design","color":"5cc91e"},"Modal Component":{"name":"Modal Component","description":"All issue related to ads modal component","color":"ee63f3"},"App setting":{"name":"App setting","description":"Related to app settings panel within the app","color":"174f98"},"BE instance":{"name":"BE instance","description":"For all issues related to license, billing on BE instance","color":"ae8f98"},"Fixed layout":{"name":"Fixed layout","description":"issues related to fixed layout","color":"b66681"},"Anvil layout":{"name":"Anvil layout","description":"issues related to the new layout system anvil","color":"5e0904"},"New Deployment Mode":{"name":"New Deployment Mode","description":"Support a new mode of deployment","color":"108033"},"Custom widgets":{"name":"Custom widgets","description":"For all issues related to the custom widget project","color":"c9db9c"},"Homepage Experience V2":{"name":"Homepage Experience V2","description":"Label for reporting new tasks and bug fixes related to revamped homepage experience","color":"c55d54"},"Customer Success":{"name":"Customer Success","description":"Issues that the success team cares about","color":"6ccabd"},"Invite flow":{"name":"Invite flow","description":"Invite users flow and any associated actions","color":"881b35"},"Invite users":{"name":"Invite users","description":"Invite users flow and any associated actions","color":""},"Workflows Pod":{"name":"Workflows Pod","description":"Issues that the workflows team owns","color":"446925"},"DailyPromotionBlocker":{"name":"DailyPromotionBlocker","description":"DailyPromotion Blocker","color":"9b2280"},"JS Binding":{"name":"JS Binding","description":"All issues related to the JS Binding experience","color":"422fed"},"REST API":{"name":"REST API","description":"REST API plugin related issues","color":"e3ede5"},"Critical":{"color":"a1e3db","name":"Critical","description":"This issue breaks existing apps. Drop everything else to resolve"},"Module creator":{"name":"Module creator","description":"Issues related to the module creator side","color":"bb2c05"},"Module consumer":{"name":"Module consumer","description":"Issues related to the module consumer side","color":"83d3c5"},"Package versioning":{"name":"Package versioning","description":"ISsues related to how we manage versions for packages","color":"4c5218"},"Convert to module":{"name":"Convert to module","description":"Issues related to the module creation flow using conversion","color":"4c5218"},"Query module":{"name":"Query module","description":"Issues affecting query modules or its instances","color":"b11a7e"},"JS module":{"name":"JS module","description":"Issues affecting JS modules or its instances","color":"bf76f6"},"Secret Management":{"name":"Secret Management","description":"Issues related to secret management","color":"2b4664"},"REST API plugin":{"name":"REST API plugin","description":"REST API plugin related issues","color":"b5948a"},"UI module":{"name":"UI module","description":"Issues affecting UI modules or its instances","color":"d2acee"},"Preview mode":{"name":"Preview mode","description":"Issues related to app previews","color":"48883f"},"Git Auto-commit":{"name":"Git Auto-commit","description":"Issues related to autocommit","color":"717732"},"QA Pod":{"name":"QA Pod","description":"Issues under the QA Pod","color":"717732"},"Automation Test":{"name":"Automation Test","description":"","color":""},"Automation failures":{"name":"Automation failures","description":"","color":""},"Needs automation":{"name":"Needs automation","description":"Issues that needs automated tests","color":""},"Prepared statements":{"name":"Prepared statements","description":"Issues related to prepared statement flow","color":""},"Switch Group Widget":{"name":"Switch Group Widget","description":"Issues related to Switch group Widget","color":""},"Supervisor":{"name":"Supervisor","description":"Issues related to supervisor","color":"2c5813"},"Deployment Certificates":{"name":"Deployment Certificates","description":"Issues related to lets encrypt","color":"e148aa"},"Mock Data":{"name":"Mock Data","description":"Issues related to mock databases","color":"ebf251"},"AWS ECS":{"name":"AWS ECS","description":"Issues related to ECS Fargate","color":"e506ff"},"Publish App":{"name":"Publish App","description":"Issues related to app deployment","color":"2b4664"},"IDE Infra":{"name":"IDE Infra","description":"Issues related to the IDE infrastructure like saving changes","color":"1bb96a"},"User Profile":{"name":"User Profile","description":"Issues related to a user profile","color":"a60d34"},"Page Management":{"color":"1bb96a","name":"Page Management","description":"Issues related to configuring pages"},"Ingress":{"name":"Ingress","description":"Ingress Controller","color":"a86802"},"Nginx":{"name":"Nginx","description":"Issues related to Nginx","color":"e54195"},"Building blocks":{"name":"Building blocks","description":"Building blocks on cavas, on templates listing or drag and drop of building blocks.","color":"48883f"},"Table Inline Edit":{"name":"Table Inline Edit","description":"Issues related to inline editing","color":"60895a"},"User Session ":{"name":"User Session ","description":"For all issues/tasks related to user sessions","color":"65a3f5"},"WDS - all widgets":{"name":"WDS - all widgets","description":"all widget present in WDS","color":"2670ae"},"WDS - input widget":{"name":"WDS - input widget","description":"Issues related to input widget on WDS","color":"2670ae"},"WDS - paragraph widget":{"name":"WDS - paragraph widget","description":"issues related to paragraph widget on WDS","color":"2670ae"},"WDS - statbox widget":{"name":"WDS - statbox widget","description":"issues related to statbox widget on WDS","color":"2670ae"},"WDS - modal widget":{"name":"WDS - modal widget","description":"Issues related to modal widget on WDS","color":"2670ae"},"WDS - icon widget":{"name":"WDS - icon widget","description":"Issues related to icon widget on WDS","color":"2670ae"},"WDS - checkbox widget":{"name":"WDS - checkbox widget","description":"Issues related to checkbox widget on WDS","color":"2670ae"},"WDS - table widget":{"name":"WDS - table widget","description":"Issues related to table widget on WDS","color":"2670ae"},"WDS - keyValue widget":{"name":"WDS - keyValue widget","description":"Issues related to key-value widget on WDS","color":"2670ae"},"WDS - switch group widget":{"name":"WDS - switch group widget","description":"Issues related to switch group widget on WDS","color":"2670ae"},"WDS - theming":{"name":"WDS - theming","description":"Issues related to theming on the Anvil instance","color":"2670ae"},"Anvil POD":{"name":"Anvil POD","description":"Issue related to Anvil project","color":"5e0904"},"Anvil - theming":{"name":"Anvil - theming","description":"Issues related to theming on the Anvil instance","color":"c28de5"},"Anvil - vertical alignment":{"name":"Anvil - vertical alignment","description":"Issues related to vertical alignment on the Anvil layout","color":"c28de5"},"Anvil - layout component":{"name":"Anvil - layout component","description":"Issues related to layout component on the Anvil layout","color":"c28de5"},"Anvil - drag & drop":{"name":"Anvil - drag & drop","description":"Issues related to drag & drop experience on Anvil","color":"c28de5"},"Anvil - zones & sections":{"name":"Anvil - zones & sections","description":"Issues related to zones and sections on the Anvil layout","color":"c28de5"},"Anvil - copy paste experience":{"name":"Anvil - copy paste experience","description":"Issues related to copy paste experience on the Anvil layout","color":"c28de5"},"WDS  - phone widget":{"name":"WDS  - phone widget","description":"Issues related to phone widget on WDS","color":"c28de5"},"WDS - responsive widget":{"name":"WDS - responsive widget","description":"All issues related to widget responsiveness","color":"11ee05"},"Anvil - responsive viewport":{"color":"11ee05","name":"Anvil - responsive viewport","description":"Issues seen on different viewports like mobile"},"WDS  - widget styling":{"color":"11ee05","name":"WDS  - widget styling","description":"all about widget styling"},"Anvil - spacing":{"name":"Anvil - spacing","description":"Related to spacing between widgets in auto layout","color":"11ee05"},"Anvil - responsive canvas":{"name":"Anvil - responsive canvas","description":"All issues related to canvas responsiveness","color":"11ee05"},"WDS - inline button widget":{"name":"WDS - inline button widget","description":"Issues related to inline button widget on WDS","color":"7cef83"},"Activation Pod":{"name":"Activation Pod","description":"for Activation group","color":"d67d00"},"Activation":{"name":"Activation","description":"for Activation group","color":"d67d00"},"Tests":{"name":"Tests","description":"Test issues","color":"4fc7b6"},"Ballpark: XXS":{"name":"Ballpark: XXS","description":"~1xDev in 1/2xSprint","color":""},"Ballpark: XS":{"name":"Ballpark: XS","description":"~1xDev in 1xSprint","color":"53bf71"},"Ballpark: S":{"name":"Ballpark: S","description":"~2xDev in 1xSprint","color":"6e9e65"},"Ballpark: M":{"name":"Ballpark: M","description":"~1xPOD in 1xSprint","color":"2229e6"},"Ballpark: L":{"name":"Ballpark: L","description":"~1xPOD in 3xSprint or 2xPODs in 1xSprint","color":"49962f"},"Ballpark: XL":{"name":"Ballpark: XL","description":"~1xPOD in 1xQuarter or 2xPODs in 2xSprint","color":"b524c9"},"Ballpark: XXL":{"name":"Ballpark: XXL","description":"~2xPODs in 1xQuarter","color":"22092c"},"Auto-commit":{"name":"Auto-commit","description":"Issues related to auto-generated commits showing up on git ","color":"e25b89"},"Continuous Deployment":{"name":"Continuous Deployment","description":"Issues related to CD pipeline on git","color":"aea47c"},"Default branch":{"name":"Default branch","description":"Issues related to using a default branch on git","color":"195737"},"Git status":{"name":"Git status","description":"Issues related to information shown on git status modal or number of changes appearing in a branch","color":"c851b8"},"Git performance":{"name":"Git performance","description":"Issues related to perceived performance on any git operation","color":"189af6"},"Anvil team":{"name":"Anvil team","description":"issues related to the new layout system anvil","color":"798200"},"SDLC":{"name":"SDLC","description":"Issues related to software development lifecycle experiences","color":"bae511"},"Reconnect DS modal":{"name":"Reconnect DS modal","description":"Issues related to reconnect datasource modal post app import","color":"2e398b"},"Stability Pod":{"name":"Stability Pod","description":"For all issues/tasks to be prioritized under Stability pod","color":"86ddf6"},"Stability Issue":{"name":"Stability Issue","description":"Every issue handle by Stability Pod","color":"4d024a"},"Move to Postgres":{"name":"Move to Postgres","description":"Issues required to be solved for the move to Postgres as repository layer","color":"466ab1"},"User Session":{"name":"User Session","description":"Issues related to user sessions","color":"8255e5"},"IDE tabs":{"name":"IDE tabs","description":"query and js tabs","color":"1bb96a"},"Inviting Contribution":{"name":"Inviting Contribution","description":"Issues that we would like contributions to","color":""},"cypress-flaky-fix":{"name":"cypress-flaky-fix","description":"This label is auto-added when a PR which only has Cypress fixes are merged to release","color":"722cbc"},"Cypress flaky tests":{"name":"Cypress flaky tests","description":"Test scripts that need to be fixed on Cypress by dev or SDET","color":"722cbc"},"Help enterprise":{"name":"Help enterprise","description":"Requested by Appsmith customers or prospects","color":"FF8C00"},"Learnability":{"name":"Learnability","description":"Issues affecting the product learnability, making the product harder for new users.","color":"800c2f"},"ADS Spacing":{"name":"ADS Spacing","description":"","color":"686ebb"},"ads unit test":{"name":"ads unit test","description":"All issue related ads unit cases","color":"686ebb"},"ads revamp":{"name":"ads revamp","description":"All issues related to ads revamp.","color":"686ebb"},"Javascript Product":{"color":"709a21","name":"Javascript Product","description":"Issues related to users writing javascript in appsmith"},"IDE Product":{"color":"1bb96a","name":"IDE Product","description":"Issues related to the IDE Product"},"IDE Pod":{"color":"1bb96a","name":"IDE Pod","description":"Issues that new developers face while exploring the IDE"},"Accelerators Product":{"name":"Accelerators Product","description":"Issues related to app building accelerators","color":"f3fce6"},"Templates Product":{"name":"Templates Product","description":"Issues related to Templates","color":"f3fce6"},"Design System Product":{"name":"Design System Product","description":"Appsmith design system related issues","color":"2b4664"},"ads deduplication":{"name":"ads deduplication","description":"Replacing component with ADS components","color":"708943"},"Admin Settings Product":{"color":"708943","name":"Admin Settings Product","description":"Issues in admin settings pages"},"Appsmith AI":{"name":"Appsmith AI","description":"All issues related to the Appsmith AI datasource","color":"708943"},"Query & JS Pod":{"color":"709a21","name":"Query & JS Pod","description":"Issues related to the query & JS Pod"},"RBAC Product":{"name":"RBAC Product","description":"Issues, requests and enhancements around RBAC.","color":""},"Workspace Product":{"name":"Workspace Product","description":"Issues related to workspaces","color":""},"CE Instance Usage":{"name":"CE Instance Usage","description":"For all issues relating to usage, licensing or billing on the CE instance","color":""},"Billing & Licensing Product":{"name":"Billing & Licensing Product","description":"Issues pertaining to licensing, billing and usage across self serve and enterprise customers","color":"466ab1"},"Platform Administration Pod":{"color":"446925","name":"Platform Administration Pod","description":"Issues related to platform administration & management"},"DB Infrastructure Pod":{"name":"DB Infrastructure Pod","description":"Pod to handle database infrastructure","color":"446925"},"Packages Product":{"name":"Packages Product","description":"Issues related to packages","color":"7e018f"},"Workflows Product":{"name":"Workflows Product","description":"Issues related to the workflows product","color":"446925"},"Debugger Product":{"color":"857f58","name":"Debugger Product","description":"Issues related to the debugger"},"Packages Pod":{"name":"Packages Pod","description":"issues that belong to the packages pod","color":"53742c"},"Environments Product":{"name":"Environments Product","description":"Issues related to datasource environments","color":"857f58"},"Custom Widgets":{"name":"Custom Widgets","description":"For all issues related to the custom widget project","color":"857f58"},"Branding Product":{"name":"Branding Product","description":"All issues under branding and whitelabelling appsmith ecosystem","color":"857f58"},"Widgets & Accelerators Pod":{"name":"Widgets & Accelerators Pod","description":"Issues related to widgets & Accelerators","color":"27496a"},"Widgets Product":{"name":"Widgets Product","description":"This label groups issues related to widgets","color":"f3fce6"},"App Theming Product":{"name":"App Theming Product","description":"Items that are related to the App level theming controls epic","color":"48883f"},"UI Building Product":{"color":"48883f","name":"UI Building Product","description":"Issues related to the UI Building experience"},"Onboarding Product":{"color":"48883f","name":"Onboarding Product","description":"Issues related to onboarding new developers"},"Database Schema":{"name":"Database Schema","description":"Issues related to database schema","color":"48883f"},"Git Product":{"color":"7e018f","name":"Git Product","description":"Issues related to version control product"},"Embedding Apps Product":{"name":"Embedding Apps Product","description":"Issues related to embedding","color":"48883f"},"Integrations Product":{"name":"Integrations Product","description":"Issues related to a specific integration","color":"b9f21c"},"Feature Flagging":{"name":"Feature Flagging","description":"Anything related feature flagging","color":"4574ae"},"Audit Logs Product":{"name":"Audit Logs Product","description":"Audit trails to ensure data security","color":"4574ae"},"Identity & Authentication Product":{"name":"Identity & Authentication Product","description":"Issues related to user identity & authentication","color":"4574ae"},"Email verification":{"name":"Email verification","description":"Email verification issues","color":"4574ae"},"Artifact Platform Product":{"name":"Artifact Platform Product","description":"Issues related to the application platform","color":"4574ae"},"Git IA":{"name":"Git IA","description":"Issues related to Git IA changes","color":"df8bd6"},"Documentation Pod":{"name":"Documentation Pod","description":"Issues related to user education","color":"8c8c02"},"Branch management":{"name":"Branch management","description":"Issues related to using a branch management on git","color":"ebe6af"},"Reconfigure Datasource Modal":{"name":"Reconfigure Datasource Modal","description":"Issues related to reconfigure DS modal that comes after importing applications","color":"5ac17b"},"Setup Issues":{"name":"Setup Issues","description":"Issues related to setting up appsmith","color":"3fc837"},"Packages & Git Pod":{"name":"Packages & Git Pod","description":"All issues belonging to Packages and Git","color":"46ac0e"},"Git Platform":{"name":"Git Platform","description":"Issues related to the git & the app platform","color":"c9ab80"},"Entity Management":{"name":"Entity Management","description":"Copy / Move / Delete widgets / queries / datasources","color":"74c33c"}},"success":true}
\ No newline at end of file
diff --git a/.github/workflows/ad-hoc-docker-image.yml b/.github/workflows/ad-hoc-docker-image.yml
index 44cfce8435ee..8c1e38f066c1 100644
--- a/.github/workflows/ad-hoc-docker-image.yml
+++ b/.github/workflows/ad-hoc-docker-image.yml
@@ -92,7 +92,7 @@ jobs:
       - name: Generate info.json
         run: |
           if [[ -f scripts/generate_info_json.sh ]]; then
-            scripts/generate_info_json.sh
+            scripts/generate_info_json.sh ${{ inputs.tag }}
           fi
 
       - name: Place server artifacts-es
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug26941_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug26941_Spec.ts
index 3dcc34f07880..95a6395c3bd5 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug26941_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DS_Bug26941_Spec.ts
@@ -14,7 +14,7 @@ describe(
         dataManager.dsValues[dataManager.defaultEnviorment].mockApiUrl
       }123`;
       apiPage.CreateAndFillApi(randomApi);
-      apiPage.RunAPI(false, 20, {
+      apiPage.RunAPI(false, 2000, {
         expectedPath: "response.body.data.body.data.isExecutionSuccess",
         expectedRes: false,
       });
@@ -24,7 +24,7 @@ describe(
       );
 
       apiPage.EnterHeader(">", "");
-      apiPage.RunAPI(false, 20, {
+      apiPage.RunAPI(false, 2000, {
         expectedPath: "response.body.data.body.data.isExecutionSuccess",
         expectedRes: false,
       });
@@ -37,7 +37,7 @@ describe(
       });
 
       apiPage.EnterHeader("", "");
-      apiPage.RunAPI(false, 20, {
+      apiPage.RunAPI(false, 2000, {
         expectedPath: "response.body.data.body.data.isExecutionSuccess",
         expectedRes: false,
       });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Debugger/Widget_property_navigation_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Debugger/Widget_property_navigation_spec.ts
index dd4821a3e662..86a9422221f1 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Debugger/Widget_property_navigation_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Debugger/Widget_property_navigation_spec.ts
@@ -160,14 +160,11 @@ describe(
       );
       _.agHelper.GetNClick(OneClickBindingLocator.searchableColumn);
       _.agHelper.GetNClick(
-        OneClickBindingLocator.columnDropdownOption(
-          "searchableColumn",
-          "imdb_id",
-        ),
+        OneClickBindingLocator.columnDropdownOption("searchableColumn", "id"),
       );
       _.agHelper.GetNClick(OneClickBindingLocator.connectData);
       _.table.WaitUntilTableLoad(0, 0, "v2");
-      _.propPane.OpenTableColumnSettings("imdb_id");
+      _.propPane.OpenTableColumnSettings("id");
       _.propPane.TypeTextIntoField("Regex", "{{test}}");
       _.debuggerHelper.AssertErrorCount(1);
       _.propPane.ToggleSection("validation");
@@ -175,7 +172,7 @@ describe(
 
       _.debuggerHelper.OpenDebugger();
       _.debuggerHelper.ClicklogEntityLink();
-      _.agHelper.GetNAssertContains(_.propPane._paneTitle, "imdb_id");
+      _.agHelper.GetNAssertContains(_.propPane._paneTitle, "id");
       _.debuggerHelper.CloseBottomBar();
       EditorNavigation.SelectEntityByName("Table1", EntityType.Widget);
       _.entityExplorer.DeleteWidgetFromEntityExplorer("Table1");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
index cc5adce21b1b..469424ad597a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
@@ -22,8 +22,7 @@ describe(
       PageLeftPane.switchSegment(PagePaneSegment.UI);
       PageLeftPane.assertPresence("Table1");
       PageLeftPane.switchSegment(PagePaneSegment.Queries);
-      cy.RenameEntity(apiName);
-      cy.validateMessage(apiName);
+      cy.CreationOfUniqueAPIcheck(apiName);
     });
   },
 );
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
index 806170b30ff9..8472a1fab691 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
@@ -102,7 +102,7 @@ describe(
           //Create and run query.
 
           _.dataSources.EnterQuery(
-            "SELECT * FROM users ORDER BY id LIMIT 10;",
+            "SELECT * FROM users ORDER BY username LIMIT 10;",
             1000,
           );
           _.dataSources.RunQuery();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Iframe/IframeTest_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Iframe/IframeTest_spec.ts
index 3d67faf40033..9047459daf07 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Iframe/IframeTest_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Iframe/IframeTest_spec.ts
@@ -1,47 +1,39 @@
 import {
   agHelper,
   locators,
-  entityExplorer,
   propPane,
   deployMode,
+  homePage,
 } from "../../../../../support/Objects/ObjectsCore";
 
-import testdata from "../../../../../fixtures/testdata.json";
+import EditorNavigation, {
+  EntityType,
+} from "../../../../../support/Pages/EditorNavigation";
 
 describe(
   "Iframe widget Tests",
   { tags: ["@tag.Widget", "@tag.Iframe", "@tag.Binding"] },
   function () {
     before(() => {
-      entityExplorer.DragDropWidgetNVerify("iframewidget", 550, 100);
+      homePage.ImportApp("IframeWidgetPostMessage.json");
     });
 
-    const srcDoc = `<!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Simple Iframe Widget Test</title>
-    </head>
-    <body>
-        <!-- Your iframe widget with a simple srcdoc content -->
-        <iframe srcdoc="<html><body><p>This is a simple srcdoc content.</p></body></html>" style="border: 2px solid red;"></iframe>
-    </body>
-    </html>`;
-
-    const getIframeBody = () => {
+    const getIframeBody = (i: number) => {
       return cy
         .get(".t--draggable-iframewidget iframe")
+        .eq(i)
         .its("0.contentDocument.body")
         .should("not.be.empty")
         .then(cy.wrap);
     };
 
     it("1. Verify content and user interaction", function () {
-      propPane.UpdatePropertyFieldValue("URL", testdata.iframeUrl);
-      getIframeBody()
-        .find(".header-logo")
-        .should("have.attr", "href", testdata.iframeUrlSubstring);
+      EditorNavigation.SelectEntityByName("Iframe2", EntityType.Widget);
+      getIframeBody(1)
+        .find(".navbar__logo > img")
+        .eq(0)
+        .should("have.attr", "src")
+        .and("include", "logo");
 
       // Title
       propPane.UpdatePropertyFieldValue("Title", "Test Title");
@@ -49,77 +41,15 @@ describe(
         ".t--draggable-iframewidget iframe",
         "title",
         "Test Title",
+        1,
       );
 
       // User interaction - Click
-      getIframeBody().find(locators._pageHeaderToggle).click({ force: true });
-      getIframeBody().find(locators._pageHeaderMenuList).should("be.visible");
-      getIframeBody().find(locators._pageHeaderToggle).click({ force: true });
-      getIframeBody()
-        .find(locators._pageHeaderMenuList)
-        .should("not.be.visible");
-
-      // Full screen
-      getIframeBody().find(locators._enterFullScreen).click({ force: true });
-      getIframeBody()
-        .find(locators._dashboardContainer)
-        .should(
-          "have.class",
-          "application-demo-new-dashboard-container-fullscreen",
-        );
-      getIframeBody().find(locators._exitFullScreen).click({ force: true });
-      getIframeBody()
-        .find(locators._dashboardContainer)
-        .should(
-          "not.have.class",
-          "application-demo-new-dashboard-container-fullscreen",
-        );
-    });
-
-    it("2. Verify onMessageReceived, onSrcDocChanged, onURLChanged", function () {
-      // onMessageReceived
-      propPane.SelectPlatformFunction("onMessageReceived", "Show alert");
-      agHelper.TypeText(
-        propPane._actionSelectorFieldByLabel("Message"),
-        "Message Received",
-      );
-      agHelper.GetNClick(propPane._actionSelectorPopupClose);
-
-      getIframeBody()
-        .find("a:contains('Social Feed')")
-        .first()
-        .click({ force: true });
-      agHelper.ValidateToastMessage("Message Received");
-
-      // onSrcDocChanged
-      propPane.SelectPlatformFunction("onSrcDocChanged", "Show alert");
-      agHelper.TypeText(
-        propPane._actionSelectorFieldByLabel("Message"),
-        "Value Changed",
-      );
-      agHelper.GetNClick(propPane._actionSelectorPopupClose);
-
-      propPane.UpdatePropertyFieldValue("srcDoc", srcDoc);
-      agHelper.ValidateToastMessage("Value Changed");
-      getIframeBody()
-        .find("iframe")
-        .its("0.contentDocument.body")
-        .find("p")
-        .should("have.text", "This is a simple srcdoc content.");
-
-      // onURLChanged
-      propPane.SelectPlatformFunction("onURLChanged", "Show alert");
-      agHelper.TypeText(
-        propPane._actionSelectorFieldByLabel("Message"),
-        "URL Changed",
-      );
-      agHelper.GetNClick(propPane._actionSelectorPopupClose);
-
-      propPane.UpdatePropertyFieldValue("URL", testdata.iframeRandomUrl);
-      agHelper.ValidateToastMessage("URL Changed");
+      getIframeBody(1).find(locators._pageHeaderToggle).click({ force: true });
+      getIframeBody(1).find(locators._pageHeaderMenuList).should("be.visible");
     });
 
-    it("3. Verify colors, borders and shadows", () => {
+    it("2. Verify colors, borders and shadows", () => {
       propPane.MoveToTab("Style");
 
       // Change Border Color
@@ -136,12 +66,39 @@ describe(
       //Verify details in Deploy mode
       deployMode.DeployApp();
       //agHelper.AssertCSS("iframe", "border-color", "rgb(185, 28, 28)");
-      agHelper.AssertCSS("iframe", "border-radius", "0px");
+      agHelper.AssertCSS("iframe", "border-radius", "0px", 1);
       agHelper.AssertCSS(
         "iframe",
         "box-shadow",
         "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",
+        1,
+      );
+      deployMode.NavigateBacktoEditor();
+    });
+
+    it("3. Verify onMessageReceived, onSrcDocChanged, onURLChanged", function () {
+      EditorNavigation.SelectEntityByName("Iframe1", EntityType.Widget);
+      propPane.UpdatePropertyFieldValue("URL", " ");
+      agHelper.ValidateToastMessage("url updated");
+
+      agHelper.ClickButton("Submit");
+      getIframeBody(0)
+        .find("input")
+        .should("be.visible")
+        .invoke("val")
+        .then((inputValue) => {
+          expect(inputValue).to.equal("submitclicked");
+        });
+
+      propPane.UpdatePropertyFieldValue(
+        "srcDoc",
+        `<!DOCTYPE html>
+            <html lang="en">
+            <head></head>
+            <body></body>
+            </html>`,
       );
+      agHelper.ValidateToastMessage("src updated");
     });
   },
 );
diff --git a/app/client/cypress/fixtures/IframeWidgetPostMessage.json b/app/client/cypress/fixtures/IframeWidgetPostMessage.json
new file mode 100644
index 000000000000..922f6744e07b
--- /dev/null
+++ b/app/client/cypress/fixtures/IframeWidgetPostMessage.json
@@ -0,0 +1 @@
+{"artifactJsonType":"APPLICATION","clientSchemaVersion":1.0,"serverSchemaVersion":11.0,"exportedApplication":{"name":"Untitled application 2","isPublic":false,"pages":[{"id":"Page1","isDefault":true}],"publishedPages":[{"id":"Page1","isDefault":true}],"viewMode":false,"appIsExample":false,"unreadCommentThreads":0.0,"unpublishedApplicationDetail":{"appPositioning":{"type":"FIXED"},"navigationSetting":{},"themeSetting":{"sizing":1.0,"density":1.0,"appMaxWidth":"LARGE"}},"publishedApplicationDetail":{"appPositioning":{"type":"FIXED"},"navigationSetting":{},"themeSetting":{"sizing":1.0,"density":1.0,"appMaxWidth":"LARGE"}},"color":"#D9E7FF","icon":"uk-pounds","slug":"untitled-application-2","unpublishedCustomJSLibs":[],"publishedCustomJSLibs":[],"evaluationVersion":2.0,"applicationVersion":2.0,"collapseInvisibleWidgets":true,"isManualUpdate":false,"deleted":false},"datasourceList":[],"customJSLibList":[],"pageList":[{"unpublishedPage":{"name":"Page1","slug":"page1","layouts":[{"viewMode":false,"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":4896.0,"snapColumns":64.0,"detachFromLayout":true,"widgetId":"0","topRow":0.0,"bottomRow":690.0,"containerStyle":"none","snapRows":124.0,"parentRowSpace":1.0,"type":"CANVAS_WIDGET","canExtend":true,"version":90.0,"minHeight":1292.0,"dynamicTriggerPathList":[],"parentColumnSpace":1.0,"dynamicBindingPathList":[],"leftColumn":0.0,"children":[{"needsErrorInfo":false,"boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","mobileBottomRow":39.0,"widgetName":"Iframe1","dynamicPropertyPathList":[],"srcDoc":"<!DOCTYPE html>\n              <html lang=\"en\">\n              <head>\n              </head>\n              <body>\n                      <label class=\"custom-field one\" id=\"test\">\n                        <input type=\"text\" placeholder=\"getMsg\"/>\n                      </label>\n\n                      <script>\n                        const input = document.querySelector('input');\n                        input.addEventListener('change', (e) => {\n                          window.parent.postMessage(e.target.value, \"*\");\n                        });\n\n                        window.addEventListener('message', (e) => {\n                          input.value = e.data;\n                        });\n                      </script>\n              </body>\n            </html>","topRow":7.0,"bottomRow":39.0,"parentRowSpace":10.0,"source":"","type":"IFRAME_WIDGET","mobileRightColumn":52.0,"borderOpacity":100.0,"animateLoading":true,"parentColumnSpace":13.0625,"dynamicTriggerPathList":[{"key":"onMessageReceived"},{"key":"onSrcDocChanged"},{"key":"onURLChanged"}],"leftColumn":29.0,"dynamicBindingPathList":[{"key":"borderRadius"},{"key":"boxShadow"}],"borderWidth":1.0,"flexVerticalAlignment":"start","key":"fueiozx7gr","rightColumn":53.0,"widgetId":"6i2a7e908e","isVisible":true,"version":1.0,"parentId":"0","renderMode":"CANVAS","isLoading":false,"mobileTopRow":7.0,"onURLChanged":"{{showAlert('url updated', '');}}","responsiveBehavior":"fill","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","mobileLeftColumn":28.0,"onMessageReceived":"{{storeValue('text', Iframe1.message);\nshowAlert('Hey Iframe Called.', '');}}","onSrcDocChanged":"{{showAlert('src updated', '');}}"},{"resetFormOnClick":false,"needsErrorInfo":false,"boxShadow":"none","mobileBottomRow":31.0,"widgetName":"Button1","onClick":"{{postWindowMessage('submitclicked', \"Iframe1\", \"*\");}}","buttonColor":"{{appsmith.theme.colors.primaryColor}}","topRow":27.0,"bottomRow":31.0,"parentRowSpace":10.0,"type":"BUTTON_WIDGET","mobileRightColumn":14.0,"animateLoading":true,"parentColumnSpace":13.0625,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":0.0,"dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"text":"Submit","isDisabled":false,"key":"co05qm838o","rightColumn":14.0,"isDefaultClickDisabled":true,"widgetId":"9lyzanrky4","minWidth":120.0,"isVisible":true,"recaptchaType":"V3","version":1.0,"parentId":"0","renderMode":"CANVAS","isLoading":false,"mobileTopRow":27.0,"responsiveBehavior":"hug","disabledWhenInvalid":false,"borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","mobileLeftColumn":0.0,"buttonVariant":"PRIMARY","placement":"CENTER"},{"needsErrorInfo":false,"boxShadow":"none","mobileBottomRow":16.0,"widgetName":"Input1","topRow":9.0,"bottomRow":16.0,"parentRowSpace":10.0,"labelWidth":5.0,"autoFocus":false,"type":"INPUT_WIDGET_V2","mobileRightColumn":19.0,"animateLoading":true,"parentColumnSpace":13.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":0.0,"dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"},{"key":"defaultText"}],"labelPosition":"Top","labelStyle":"","inputType":"TEXT","isDisabled":false,"key":"rionsri36t","labelTextSize":"0.875rem","isRequired":false,"rightColumn":19.0,"dynamicHeight":"FIXED","widgetId":"yd1qq15u3x","accentColor":"{{appsmith.theme.colors.primaryColor}}","showStepArrows":false,"minWidth":450.0,"isVisible":true,"label":"Label","version":2.0,"parentId":"0","labelAlignment":"left","renderMode":"CANVAS","isLoading":false,"mobileTopRow":9.0,"responsiveBehavior":"fill","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","mobileLeftColumn":0.0,"maxDynamicHeight":9000.0,"iconAlign":"left","defaultText":"{{appsmith.store.text}}","minDynamicHeight":4.0},{"needsErrorInfo":false,"boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","mobileBottomRow":69.0,"widgetName":"Iframe2","topRow":37.0,"bottomRow":69.0,"parentRowSpace":10.0,"source":"https://docs.appsmith.com/","type":"IFRAME_WIDGET","mobileRightColumn":29.0,"borderOpacity":100.0,"animateLoading":true,"parentColumnSpace":13.0625,"dynamicTriggerPathList":[],"leftColumn":5.0,"dynamicBindingPathList":[{"key":"borderRadius"},{"key":"boxShadow"}],"borderWidth":1.0,"flexVerticalAlignment":"start","key":"e6wucjdesu","rightColumn":29.0,"widgetId":"bapiv4pebd","isVisible":true,"version":1.0,"parentId":"0","renderMode":"CANVAS","isLoading":false,"mobileTopRow":37.0,"responsiveBehavior":"fill","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","mobileLeftColumn":5.0}]},"layoutOnLoadActions":[],"layoutOnLoadActionErrors":[],"validOnPageLoadActions":true,"id":"Page1","deleted":false,"policies":[],"userPermissions":[]}],"userPermissions":[],"policyMap":{}},"publishedPage":{"name":"Page1","slug":"page1","layouts":[{"viewMode":false,"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":1224.0,"snapColumns":16.0,"detachFromLayout":true,"widgetId":"0","topRow":0.0,"bottomRow":1250.0,"containerStyle":"none","snapRows":33.0,"parentRowSpace":1.0,"type":"CANVAS_WIDGET","canExtend":true,"version":4.0,"minHeight":1292.0,"dynamicTriggerPathList":[],"parentColumnSpace":1.0,"dynamicBindingPathList":[],"leftColumn":0.0,"children":[]},"validOnPageLoadActions":true,"id":"Page1","deleted":false,"policies":[],"userPermissions":[]}],"userPermissions":[],"policyMap":{}},"gitSyncId":"6752892a7db55e68232d2529_b5478fdf-4849-44e9-b4c1-152d6ec1bd9f","deleted":false}],"actionList":[],"actionCollectionList":[],"editModeTheme":{"name":"Default-New","displayName":"Modern","isSystemTheme":true,"deleted":false},"publishedTheme":{"name":"Default-New","displayName":"Modern","isSystemTheme":true,"deleted":false}}
\ No newline at end of file
diff --git a/app/client/cypress/fixtures/testdata.json b/app/client/cypress/fixtures/testdata.json
index 313ad425fe28..0ae68508a0f3 100644
--- a/app/client/cypress/fixtures/testdata.json
+++ b/app/client/cypress/fixtures/testdata.json
@@ -164,7 +164,7 @@
   "UPGRADEUSERNAME": "arslan+upgrade160@appsmith.com",
   "UPGRADEPASSWORD": "Test@123",
   "APPURL": "http://localhost:8081/app/app1/page1-63d38854252ca15b7ec9fabb",
-  "iframeUrl": "https://elfsight.com/social-feed-widget/iframe/",
-  "iframeUrlSubstring": "https://elfsight.com/",
+  "iframeUrl": "https://docs.appsmith.com/build-apps/overview/",
+  "iframeUrlSubstring": "https://docs.appsmith.com/",
   "iframeRandomUrl": "https://www.appsmith.com/"
 }
diff --git a/app/client/cypress/support/ApiCommands.js b/app/client/cypress/support/ApiCommands.js
index 855f9ee45110..bfced38f7354 100644
--- a/app/client/cypress/support/ApiCommands.js
+++ b/app/client/cypress/support/ApiCommands.js
@@ -4,6 +4,7 @@
 require("cy-verify-downloads").addCustomCommand();
 require("cypress-file-upload");
 import ApiEditor from "../locators/ApiEditor";
+
 const apiwidget = require("../locators/apiWidgetslocator.json");
 const explorer = require("../locators/explorerlocators.json");
 import { ObjectsRegistry } from "./Objects/Registry";
@@ -114,12 +115,10 @@ Cypress.Commands.add("CreationOfUniqueAPIcheck", (apiname) => {
   cy.wait("@createNewApi");
   // cy.wait("@getUser");
   cy.get(apiwidget.resourceUrl).should("be.visible");
-  agHelper.RenameQuery(apiname);
-  cy.get(".ads-v2-tooltip .ads-v2-text").should(($x) => {
-    expect($x).contain(
-      apiname.concat(" is already being used or is a restricted keyword."),
-    );
-  });
+  agHelper.RenameQuery(
+    apiname,
+    apiname.concat(" is already being used or is a restricted keyword."),
+  );
 });
 
 Cypress.Commands.add("RenameEntity", (value, selectFirst) => {
@@ -138,12 +137,10 @@ Cypress.Commands.add("CreateApiAndValidateUniqueEntityName", (apiname) => {
   agHelper.GetNClick(apiwidget.createapi);
   cy.wait("@createNewApi");
   cy.get(apiwidget.resourceUrl).should("be.visible");
-  agHelper.RenameQuery(apiname);
-  cy.get(".ads-v2-tooltip .ads-v2-text").should(($x) => {
-    expect($x).contain(
-      apiname.concat(" is already being used or is a restricted keyword."),
-    );
-  });
+  agHelper.RenameQuery(
+    apiname,
+    apiname.concat(" is already being used or is a restricted keyword."),
+  );
 });
 
 Cypress.Commands.add("validateMessage", (value) => {
diff --git a/app/client/cypress/support/Objects/CommonLocators.ts b/app/client/cypress/support/Objects/CommonLocators.ts
index e00151509433..d7a534bc4439 100644
--- a/app/client/cypress/support/Objects/CommonLocators.ts
+++ b/app/client/cypress/support/Objects/CommonLocators.ts
@@ -326,8 +326,8 @@ export class CommonLocators {
   _treeSelectedContent = ".rc-tree-select-selection-item-content";
   _switcherIcon = ".switcher-icon";
   _root = "#root";
-  _pageHeaderToggle = ".mobile-ui-page-header-toggle-icon";
-  _pageHeaderMenuList = ".mobile-ui-page-header-menu-list";
+  _pageHeaderToggle = ".navbar__items>button";
+  _pageHeaderMenuList = ".navbar-sidebar__backdrop";
   _enterFullScreen = ".application-demo-new-dashboard-control-enter-fullscreen";
   _dashboardContainer = ".application-demo-new-dashboard-container";
   _exitFullScreen = ".application-demo-new-dashboard-control-exit-fullscreen";
diff --git a/app/client/cypress/support/Pages/AggregateHelper.ts b/app/client/cypress/support/Pages/AggregateHelper.ts
index 35bae78fd98a..47afccae890e 100644
--- a/app/client/cypress/support/Pages/AggregateHelper.ts
+++ b/app/client/cypress/support/Pages/AggregateHelper.ts
@@ -16,12 +16,14 @@ interface DeleteParams {
   entityType?: EntityItemsType;
   toastToValidate?: string;
 }
+
 interface SubActionParams {
   subAction: string;
   index?: number;
   force?: boolean;
   toastToValidate?: string;
 }
+
 interface SelectAndValidateParams {
   clickOptions?: Partial<ClickOptions>;
   widgetName: string;
@@ -33,6 +35,7 @@ interface SelectAndValidateParams {
 }
 
 let LOCAL_STORAGE_MEMORY: any = {};
+
 export interface IEnterValue {
   propFieldName: string;
   directInput: boolean;
@@ -53,12 +56,15 @@ export class AggregateHelper {
   public get isMac() {
     return Cypress.platform === "darwin";
   }
+
   private selectLine = `${
     this.isMac ? "{cmd}{shift}{leftArrow}" : "{shift}{home}"
   }`;
+
   public get removeLine() {
     return "{backspace}";
   }
+
   public _modifierKey = `${this.isMac ? "meta" : "ctrl"}`;
   private selectAll = `${this.isMac ? "{cmd}{a}" : "{ctrl}{a}"}`;
   private lazyCodeEditorFallback = ".t--lazyCodeEditor-fallback";
@@ -226,6 +232,7 @@ export class AggregateHelper {
     textInputLocator: string;
     renameVal: string;
     dblClick?: boolean;
+    willFailError?: string;
   }) {
     const { dblClick = false, nameLocator, renameVal, textInputLocator } = args;
 
@@ -240,11 +247,15 @@ export class AggregateHelper {
     cy.get(textInputLocator)
       .clear({ force: true })
       .type(renameVal, { force: true, delay: 0 })
-      .should("have.value", renameVal)
-      .blur();
-
-    this.PressEnter();
+      .should("have.value", renameVal);
 
+    if (args.willFailError) {
+      this.AssertContains(args.willFailError, "exist", ".ads-v2-tooltip");
+      cy.get(textInputLocator).blur();
+    } else {
+      cy.get(textInputLocator).blur();
+      this.PressEnter();
+    }
     this.Sleep();
   }
 
@@ -257,12 +268,13 @@ export class AggregateHelper {
     this.AssertElementVisibility(this.locator._editIcon);
   }
 
-  public RenameQuery(renameVal: string) {
+  public RenameQuery(renameVal: string, willFailError?: string) {
     this.rename({
       nameLocator: this.locator._queryName,
       textInputLocator: this.locator._queryNameTxt,
       renameVal,
       dblClick: true,
+      willFailError,
     });
   }
 
@@ -937,6 +949,7 @@ export class AggregateHelper {
       this.TypeText(selector, totype, index);
     }
   }
+
   public ClickNClear(selector: string, force = false, index = 0) {
     this.GetNClick(selector, index, force);
     this.ClearTextField(selector, force, index);
diff --git a/app/client/packages/design-system/theming/src/utils/cssRule.ts b/app/client/packages/design-system/theming/src/utils/cssRule.ts
index 6724b6487c0d..7ff3a01a6f89 100644
--- a/app/client/packages/design-system/theming/src/utils/cssRule.ts
+++ b/app/client/packages/design-system/theming/src/utils/cssRule.ts
@@ -1,15 +1,30 @@
 import kebabCase from "lodash/kebabCase";
 import isObject from "lodash/isObject";
 import type { Theme } from "../theme";
+import { objectKeys } from "@appsmith/utils";
+import type { TypographyVariantMetric } from "../token";
 
 export const cssRule = (tokens: Theme) => {
   let styles = "";
 
-  Object.values(tokens).forEach((token) => {
+  objectKeys(tokens).forEach((tokenKey) => {
+    const token = tokens[tokenKey];
+
     if (token == null) return;
 
     if (isObject(token)) {
-      Object.keys(token).forEach((key) => {
+      if (tokenKey === "typography") {
+        styles += objectKeys(token as NonNullable<Theme["typography"]>).reduce(
+          (prev: string, key) => {
+            return `${prev} --font-size-${key}: ${(token[key] as TypographyVariantMetric).fontSize};`;
+          },
+          "",
+        );
+
+        return;
+      }
+
+      objectKeys(token).forEach((key) => {
         //@ts-expect-error: type mismatch
         styles += `--${kebabCase(token[key].type)}-${kebabCase(key)}: ${
           //@ts-expect-error: type mismatch
diff --git a/app/client/packages/design-system/widgets/package.json b/app/client/packages/design-system/widgets/package.json
index 126c104ff3d7..c6bc9c064a5c 100644
--- a/app/client/packages/design-system/widgets/package.json
+++ b/app/client/packages/design-system/widgets/package.json
@@ -30,7 +30,8 @@
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-transition-group": "^4.4.5",
-    "remark-gfm": "^4.0.0"
+    "remark-gfm": "^4.0.0",
+    "usehooks-ts": "*"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
diff --git a/app/client/packages/design-system/widgets/src/components/Input/src/TextAreaInput.tsx b/app/client/packages/design-system/widgets/src/components/Input/src/TextAreaInput.tsx
index 13dab8294f58..fa5ec620d4f2 100644
--- a/app/client/packages/design-system/widgets/src/components/Input/src/TextAreaInput.tsx
+++ b/app/client/packages/design-system/widgets/src/components/Input/src/TextAreaInput.tsx
@@ -12,6 +12,7 @@ function _TextAreaInput(
   ref: React.Ref<HTMLTextAreaElement>,
 ) {
   const {
+    className,
     defaultValue,
     isLoading,
     isReadOnly,
@@ -34,7 +35,11 @@ function _TextAreaInput(
     <Group className={styles.inputGroup}>
       <HeadlessTextArea
         {...rest}
-        className={clsx(styles.input, getTypographyClassName("body"))}
+        className={clsx(
+          styles.input,
+          getTypographyClassName("body"),
+          className,
+        )}
         data-readonly={Boolean(isReadOnly) ? true : undefined}
         data-size={Boolean(size) ? size : undefined}
         defaultValue={defaultValue}
diff --git a/app/client/packages/design-system/widgets/src/components/Input/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Input/src/styles.module.css
index c5fb78b86e8b..e36ba4a53650 100644
--- a/app/client/packages/design-system/widgets/src/components/Input/src/styles.module.css
+++ b/app/client/packages/design-system/widgets/src/components/Input/src/styles.module.css
@@ -21,6 +21,8 @@
   background-color: var(--color-bg-neutral-subtle);
   box-shadow: inset 0 0 0 1px var(--color-bd-on-neutral-subtle);
   isolation: isolate;
+  /* Delete overflow: hidden; when the max height is added */
+  overflow: hidden;
 }
 
 .input:has(> [data-select-text]) {
@@ -35,10 +37,6 @@
   font-family: inherit;
 }
 
-.input:is(textarea)[rows="1"] {
-  min-block-size: initial;
-}
-
 .input:autofill,
 .input:autofill:hover,
 .input:autofill:focus,
@@ -93,29 +91,6 @@
   position: absolute;
 }
 
-/* Note: the following calculations are done so that icon button in chat input is centered vertically */
-.inputGroup:has(.input[rows="1"]) [data-input-suffix] {
-  --icon-size: calc(
-    var(--body-line-height) + var(--body-margin-start) + var(--body-margin-end) +
-      var(--inner-spacing-3) * 2
-  );
-  --icon-offset: calc((var(--input-height) - var(--icon-size)) / 2);
-
-  bottom: round(up, var(--icon-offset), 0.5px);
-  right: var(--icon-offset);
-}
-
-.inputGroup:has(.input[rows="1"]) [data-input-prefix] {
-  --icon-size: calc(
-    var(--body-line-height) + var(--body-margin-start) + var(--body-margin-end) +
-      var(--inner-spacing-3) * 2
-  );
-  --icon-offset: calc((var(--input-height) - var(--icon-size)) / 2);
-
-  bottom: var(--icon-offset);
-  left: var(--icon-offset);
-}
-
 .inputGroup :is([data-input-suffix], [data-input-prefix]) {
   display: flex;
   justify-content: center;
diff --git a/app/client/packages/design-system/widgets/src/components/Input/src/types.ts b/app/client/packages/design-system/widgets/src/components/Input/src/types.ts
index 97ce876f1e6b..ef229ff9b320 100644
--- a/app/client/packages/design-system/widgets/src/components/Input/src/types.ts
+++ b/app/client/packages/design-system/widgets/src/components/Input/src/types.ts
@@ -21,4 +21,5 @@ export interface TextAreaInputProps
   extends Omit<HeadlessTextAreaProps, "prefix" | "size">,
     CommonInputProps {
   rows?: number;
+  className?: string;
 }
diff --git a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
index ea5a5e36a6f9..042e54a1c35c 100644
--- a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
+++ b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
@@ -5,17 +5,25 @@ import {
   inputFieldStyles,
   TextAreaInput,
 } from "@appsmith/wds";
-import React, { useCallback, useRef } from "react";
+import React, { useCallback, useRef, useEffect, useState } from "react";
 import { useControlledState } from "@react-stately/utils";
 import { chain, useLayoutEffect } from "@react-aria/utils";
 import { TextField as HeadlessTextField } from "react-aria-components";
+import { useDebounceCallback, useResizeObserver } from "usehooks-ts";
 
 import type { TextAreaProps } from "./types";
 
+// usehooks-ts does not export Size type, so declare it ourselves
+interface Size {
+  width?: number;
+}
+
 export function TextArea(props: TextAreaProps) {
   const {
     contextualHelp,
     errorMessage,
+    fieldClassName,
+    inputClassName,
     isDisabled,
     isInvalid,
     isLoading,
@@ -23,6 +31,8 @@ export function TextArea(props: TextAreaProps) {
     isRequired,
     label,
     onChange,
+    rows = 3,
+    size,
     suffix,
     value,
     ...rest
@@ -31,9 +41,11 @@ export function TextArea(props: TextAreaProps) {
   const [inputValue, setInputValue] = useControlledState(
     props.value,
     props.defaultValue ?? "",
-    () => {
-      //
-    },
+    () => {},
+  );
+
+  const [textFieldHeight, setTextFieldHeightHeight] = useState<number | null>(
+    null,
   );
 
   const onHeightChange = useCallback(() => {
@@ -56,9 +68,12 @@ export function TextArea(props: TextAreaProps) {
       input.style.height = "auto";
 
       const computedStyle = getComputedStyle(input);
+      const height = parseFloat(computedStyle.height) || 0;
       const paddingTop = parseFloat(computedStyle.paddingTop);
       const paddingBottom = parseFloat(computedStyle.paddingBottom);
 
+      setTextFieldHeightHeight(height + paddingTop + paddingBottom);
+
       input.style.height = `${
         // subtract comptued padding and border to get the actual content height
         input.scrollHeight -
@@ -70,7 +85,7 @@ export function TextArea(props: TextAreaProps) {
       input.style.overflow = prevOverflow;
       input.style.alignSelf = prevAlignment;
     }
-  }, [inputRef, props.height]);
+  }, [inputRef.current, props.height]);
 
   useLayoutEffect(() => {
     if (inputRef.current) {
@@ -78,15 +93,42 @@ export function TextArea(props: TextAreaProps) {
     }
   }, [onHeightChange, inputValue]);
 
+  const [{ width }, setSize] = useState<Size>({
+    width: undefined,
+  });
+
+  const onResize = useDebounceCallback(setSize, 200);
+
+  useResizeObserver({
+    ref: inputRef,
+    onResize,
+  });
+
+  useEffect(
+    function updateHeight() {
+      onHeightChange();
+    },
+    [width],
+  );
+
+  const styles = {
+    // The --input-height it may be useful to align the prefix or suffix.
+    // Why can't we do this with CSS? Reason is that the height of the input is calculated based on the content.
+    "--input-height": Boolean(textFieldHeight)
+      ? `${textFieldHeight}px`
+      : "auto",
+  } as React.CSSProperties;
+
   return (
     <HeadlessTextField
       {...rest}
-      className={clsx(inputFieldStyles.field)}
+      className={clsx(inputFieldStyles.field, fieldClassName)}
       isDisabled={isDisabled}
       isInvalid={isInvalid}
       isReadOnly={isReadOnly}
       isRequired={isRequired}
       onChange={chain(onChange, setInputValue)}
+      style={styles}
       value={value}
     >
       <FieldLabel
@@ -97,9 +139,12 @@ export function TextArea(props: TextAreaProps) {
         {label}
       </FieldLabel>
       <TextAreaInput
+        className={inputClassName}
         isLoading={isLoading}
         isReadOnly={isReadOnly}
         ref={inputRef}
+        rows={rows}
+        size={size}
         suffix={suffix}
         value={value}
       />
diff --git a/app/client/packages/design-system/widgets/src/components/TextArea/src/types.ts b/app/client/packages/design-system/widgets/src/components/TextArea/src/types.ts
index 375126fac9b1..f00cac39c38a 100644
--- a/app/client/packages/design-system/widgets/src/components/TextArea/src/types.ts
+++ b/app/client/packages/design-system/widgets/src/components/TextArea/src/types.ts
@@ -1,4 +1,4 @@
-import type { FieldProps } from "@appsmith/wds";
+import type { FieldProps, SIZES } from "@appsmith/wds";
 import type { ReactNode } from "react";
 import type { TextFieldProps as AriaTextFieldProps } from "react-aria-components";
 
@@ -8,4 +8,7 @@ export interface TextAreaProps extends AriaTextFieldProps, FieldProps {
   suffix?: ReactNode;
   prefix?: ReactNode;
   rows?: number;
+  fieldClassName?: string;
+  inputClassName?: string;
+  size?: Omit<keyof typeof SIZES, "xSmall">;
 }
diff --git a/app/client/src/git/actions/helpers/singleArtifactInitialState.ts b/app/client/src/git/actions/helpers/singleArtifactInitialState.ts
index 0c8e0cb282f8..26735b772c47 100644
--- a/app/client/src/git/actions/helpers/singleArtifactInitialState.ts
+++ b/app/client/src/git/actions/helpers/singleArtifactInitialState.ts
@@ -3,7 +3,7 @@ import {
   GitImportStep,
   GitOpsTab,
   GitSettingsTab,
-} from "../../enums";
+} from "../../constants/enums";
 import type {
   GitSingleArtifactAPIResponsesReduxState,
   GitSingleArtifactUIReduxState,
diff --git a/app/client/src/git/components/QuickActions/index.test.tsx b/app/client/src/git/components/QuickActions/index.test.tsx
index b920e6b51fde..189b3ea67be9 100644
--- a/app/client/src/git/components/QuickActions/index.test.tsx
+++ b/app/client/src/git/components/QuickActions/index.test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { render, screen, fireEvent } from "@testing-library/react";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import QuickActions from ".";
-import { GitSettingsTab } from "git/enums";
+import { GitSettingsTab } from "../../constants/enums";
 import { GitSyncModalTab } from "entities/GitSync";
 import { theme } from "constants/DefaultTheme";
 import { ThemeProvider } from "styled-components";
diff --git a/app/client/src/git/components/QuickActions/index.tsx b/app/client/src/git/components/QuickActions/index.tsx
index cab336ca1e52..21483fb83ad4 100644
--- a/app/client/src/git/components/QuickActions/index.tsx
+++ b/app/client/src/git/components/QuickActions/index.tsx
@@ -12,7 +12,7 @@ import { GitSyncModalTab } from "entities/GitSync";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import type { GitMetadata, GitStatus } from "../../types";
 import { getPullBtnStatus } from "./helpers";
-import { GitSettingsTab } from "../../enums";
+import { GitSettingsTab } from "../../constants/enums";
 import ConnectButton from "./ConnectButton";
 import QuickActionButton from "./QuickActionButton";
 import AutocommitStatusbar from "./AutocommitStatusbar";
diff --git a/app/client/src/git/enums.ts b/app/client/src/git/constants/enums.ts
similarity index 69%
rename from app/client/src/git/enums.ts
rename to app/client/src/git/constants/enums.ts
index fe72149e9fe7..e431e6323ca8 100644
--- a/app/client/src/git/enums.ts
+++ b/app/client/src/git/constants/enums.ts
@@ -25,3 +25,12 @@ export enum GitSettingsTab {
   General = "General",
   Branch = "Branch",
 }
+
+export enum AutocommitStatus {
+  IN_PROGRESS = "IN_PROGRESS",
+  LOCKED = "LOCKED",
+  PUBLISHED = "PUBLISHED",
+  IDLE = "IDLE",
+  NOT_REQUIRED = "NOT_REQUIRED",
+  NON_GIT_APP = "NON_GIT_APP",
+}
diff --git a/app/client/src/git/requests/checkoutBranchRequest.ts b/app/client/src/git/requests/checkoutBranchRequest.ts
new file mode 100644
index 000000000000..4df5da6112d3
--- /dev/null
+++ b/app/client/src/git/requests/checkoutBranchRequest.ts
@@ -0,0 +1,17 @@
+import type { AxiosResponse } from "axios";
+import type {
+  CheckoutBranchRequestParams,
+  CheckoutBranchResponse,
+} from "./checkoutBranchRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import Api from "api/Api";
+
+export default async function checkoutBranchRequest(
+  branchedApplicationId: string,
+  params: CheckoutBranchRequestParams,
+): Promise<AxiosResponse<CheckoutBranchResponse>> {
+  return Api.get(
+    `${GIT_BASE_URL}/checkout-branch/app/${branchedApplicationId}`,
+    params,
+  );
+}
diff --git a/app/client/src/git/requests/checkoutBranchRequest.types.ts b/app/client/src/git/requests/checkoutBranchRequest.types.ts
new file mode 100644
index 000000000000..8c465fc624ee
--- /dev/null
+++ b/app/client/src/git/requests/checkoutBranchRequest.types.ts
@@ -0,0 +1,8 @@
+export interface CheckoutBranchRequestParams {
+  branchName: string;
+}
+
+export interface CheckoutBranchResponse {
+  id: string; // applicationId
+  baseId: string; // baseApplicationId
+}
diff --git a/app/client/src/git/requests/commitRequest.ts b/app/client/src/git/requests/commitRequest.ts
new file mode 100644
index 000000000000..69541d030368
--- /dev/null
+++ b/app/client/src/git/requests/commitRequest.ts
@@ -0,0 +1,17 @@
+import Api from "api/Api";
+import type {
+  CommitRequestParams,
+  CommitResponse,
+} from "./commitRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+
+export default async function commitRequest(
+  branchedApplicationId: string,
+  params: CommitRequestParams,
+): Promise<AxiosResponse<CommitResponse>> {
+  return Api.post(
+    `${GIT_BASE_URL}/commit/app/${branchedApplicationId}`,
+    params,
+  );
+}
diff --git a/app/client/src/git/requests/commitRequest.types.ts b/app/client/src/git/requests/commitRequest.types.ts
new file mode 100644
index 000000000000..b9c4bd7d7871
--- /dev/null
+++ b/app/client/src/git/requests/commitRequest.types.ts
@@ -0,0 +1,6 @@
+export interface CommitRequestParams {
+  commitMessage: string;
+  doPush: boolean;
+}
+
+export type CommitResponse = string;
diff --git a/app/client/src/git/requests/connectRequest.ts b/app/client/src/git/requests/connectRequest.ts
new file mode 100644
index 000000000000..b62578361024
--- /dev/null
+++ b/app/client/src/git/requests/connectRequest.ts
@@ -0,0 +1,14 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type {
+  ConnectRequestParams,
+  ConnectResponse,
+} from "./connectRequest.types";
+import type { AxiosResponse } from "axios";
+
+export default async function connectRequest(
+  baseApplicationId: string,
+  params: ConnectRequestParams,
+): Promise<AxiosResponse<ConnectResponse>> {
+  return Api.post(`${GIT_BASE_URL}/connect/app/${baseApplicationId}`, params);
+}
diff --git a/app/client/src/git/requests/connectRequest.types.ts b/app/client/src/git/requests/connectRequest.types.ts
new file mode 100644
index 000000000000..ef529d1bc1ff
--- /dev/null
+++ b/app/client/src/git/requests/connectRequest.types.ts
@@ -0,0 +1,24 @@
+export interface ConnectRequestParams {
+  remoteUrl: string;
+  gitProfile?: {
+    authorName: string;
+    authorEmail: string;
+    useDefaultProfile?: boolean;
+  };
+}
+
+export interface ConnectResponse {
+  id: string;
+  baseId: string;
+  gitApplicationMetadata: {
+    branchName: string;
+    browserSupportedRemoteUrl: string;
+    defaultApplicationId: string;
+    defaultArtifactId: string;
+    defaultBranchName: string;
+    isRepoPrivate: boolean;
+    lastCommitedAt: string;
+    remoteUrl: string;
+    repoName: string;
+  };
+}
diff --git a/app/client/src/git/requests/constants.ts b/app/client/src/git/requests/constants.ts
new file mode 100644
index 000000000000..e8626c4cc4a0
--- /dev/null
+++ b/app/client/src/git/requests/constants.ts
@@ -0,0 +1,2 @@
+export const GIT_BASE_URL = "/v1/git";
+export const APPLICATION_BASE_URL = "/v1/applications";
diff --git a/app/client/src/git/requests/createBranchRequest.ts b/app/client/src/git/requests/createBranchRequest.ts
new file mode 100644
index 000000000000..a67b5ee04099
--- /dev/null
+++ b/app/client/src/git/requests/createBranchRequest.ts
@@ -0,0 +1,17 @@
+import type { AxiosResponse } from "axios";
+import type {
+  CreateBranchRequestParams,
+  CreateBranchResponse,
+} from "./createBranchRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import Api from "api/Api";
+
+export default async function createBranchRequest(
+  branchedApplicationId: string,
+  params: CreateBranchRequestParams,
+): Promise<AxiosResponse<CreateBranchResponse>> {
+  return Api.post(
+    `${GIT_BASE_URL}/create-branch/app/${branchedApplicationId}`,
+    params,
+  );
+}
diff --git a/app/client/src/git/requests/createBranchRequest.types.ts b/app/client/src/git/requests/createBranchRequest.types.ts
new file mode 100644
index 000000000000..28735db75183
--- /dev/null
+++ b/app/client/src/git/requests/createBranchRequest.types.ts
@@ -0,0 +1,8 @@
+export interface CreateBranchRequestParams {
+  branchName: string;
+}
+
+export interface CreateBranchResponse {
+  id: string; // applicationId
+  baseId: string; // baseApplicationId
+}
diff --git a/app/client/src/git/requests/deleteBranchRequest.ts b/app/client/src/git/requests/deleteBranchRequest.ts
new file mode 100644
index 000000000000..63f718506d48
--- /dev/null
+++ b/app/client/src/git/requests/deleteBranchRequest.ts
@@ -0,0 +1,14 @@
+import type { AxiosResponse } from "axios";
+import type {
+  DeleteBranchRequestParams,
+  DeleteBranchResponse,
+} from "./deleteBranchRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import Api from "api/Api";
+
+export default async function deleteBranchRequest(
+  baseApplicationId: string,
+  params: DeleteBranchRequestParams,
+): Promise<AxiosResponse<DeleteBranchResponse>> {
+  return Api.delete(`${GIT_BASE_URL}/branch/app/${baseApplicationId}`, params);
+}
diff --git a/app/client/src/git/requests/deleteBranchRequest.types.ts b/app/client/src/git/requests/deleteBranchRequest.types.ts
new file mode 100644
index 000000000000..f7db6f834859
--- /dev/null
+++ b/app/client/src/git/requests/deleteBranchRequest.types.ts
@@ -0,0 +1,8 @@
+export interface DeleteBranchRequestParams {
+  branchName: string;
+}
+
+export interface DeleteBranchResponse {
+  id: string; // applicationId
+  baseId: string; // baseApplicationId
+}
diff --git a/app/client/src/git/requests/discardRequest.ts b/app/client/src/git/requests/discardRequest.ts
new file mode 100644
index 000000000000..fda452fc206c
--- /dev/null
+++ b/app/client/src/git/requests/discardRequest.ts
@@ -0,0 +1,9 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+
+export default async function discardRequest(
+  branchedApplicationId: string,
+): Promise<AxiosResponse<void>> {
+  return Api.put(`${GIT_BASE_URL}/discard/app/${branchedApplicationId}`);
+}
diff --git a/app/client/src/git/requests/disconnectRequest.ts b/app/client/src/git/requests/disconnectRequest.ts
new file mode 100644
index 000000000000..9ec9b3a4e2b9
--- /dev/null
+++ b/app/client/src/git/requests/disconnectRequest.ts
@@ -0,0 +1,10 @@
+import type { AxiosResponse } from "axios";
+import { GIT_BASE_URL } from "./constants";
+import type { DisconnectResponse } from "./disconnectRequest.types";
+import Api from "api/Api";
+
+export default async function disconnectRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<DisconnectResponse>> {
+  return Api.post(`${GIT_BASE_URL}/disconnect/app/${baseApplicationId}`);
+}
diff --git a/app/client/src/git/requests/disconnectRequest.types.ts b/app/client/src/git/requests/disconnectRequest.types.ts
new file mode 100644
index 000000000000..34ac4728a324
--- /dev/null
+++ b/app/client/src/git/requests/disconnectRequest.types.ts
@@ -0,0 +1,3 @@
+export interface DisconnectResponse {
+  [key: string]: string;
+}
diff --git a/app/client/src/git/requests/fetchAutocommitProgressRequest.ts b/app/client/src/git/requests/fetchAutocommitProgressRequest.ts
new file mode 100644
index 000000000000..8ad1c71d22c8
--- /dev/null
+++ b/app/client/src/git/requests/fetchAutocommitProgressRequest.ts
@@ -0,0 +1,12 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { FetchAutocommitProgressResponse } from "./fetchAutocommitProgressRequest.types";
+
+export default async function fetchAutocommitProgressRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<FetchAutocommitProgressResponse>> {
+  return Api.get(
+    `${GIT_BASE_URL}/auto-commit/progress/app/${baseApplicationId}`,
+  );
+}
diff --git a/app/client/src/git/requests/fetchAutocommitProgressRequest.types.ts b/app/client/src/git/requests/fetchAutocommitProgressRequest.types.ts
new file mode 100644
index 000000000000..60f10b5fc6b3
--- /dev/null
+++ b/app/client/src/git/requests/fetchAutocommitProgressRequest.types.ts
@@ -0,0 +1,7 @@
+import type { AutocommitStatus } from "../constants/enums";
+
+export interface FetchAutocommitProgressResponse {
+  autoCommitResponse: AutocommitStatus;
+  progress: number;
+  branchName: string;
+}
diff --git a/app/client/src/git/requests/fetchBranchesRequest.ts b/app/client/src/git/requests/fetchBranchesRequest.ts
new file mode 100644
index 000000000000..90fdbf73d94a
--- /dev/null
+++ b/app/client/src/git/requests/fetchBranchesRequest.ts
@@ -0,0 +1,21 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type {
+  FetchBranchesRequestParams,
+  FetchBranchesResponse,
+} from "./fetchBranchesRequest.types";
+import type { AxiosResponse } from "axios";
+
+export default async function fetchBranchesRequest(
+  branchedApplicationId: string,
+  params?: FetchBranchesRequestParams,
+): Promise<AxiosResponse<FetchBranchesResponse>> {
+  const queryParams = {} as FetchBranchesRequestParams;
+
+  if (params?.pruneBranches) queryParams.pruneBranches = true;
+
+  return Api.get(
+    `${GIT_BASE_URL}/branch/app/${branchedApplicationId}`,
+    queryParams,
+  );
+}
diff --git a/app/client/src/git/requests/fetchBranchesRequest.types.ts b/app/client/src/git/requests/fetchBranchesRequest.types.ts
new file mode 100644
index 000000000000..e86e545b309e
--- /dev/null
+++ b/app/client/src/git/requests/fetchBranchesRequest.types.ts
@@ -0,0 +1,11 @@
+export interface FetchBranchesRequestParams {
+  pruneBranches: boolean;
+}
+
+interface SingleBranch {
+  branchName: string;
+  createdFromLocal: string;
+  default: boolean;
+}
+
+export type FetchBranchesResponse = SingleBranch[];
diff --git a/app/client/src/git/requests/fetchGitMetadataRequest.ts b/app/client/src/git/requests/fetchGitMetadataRequest.ts
new file mode 100644
index 000000000000..136f5776f557
--- /dev/null
+++ b/app/client/src/git/requests/fetchGitMetadataRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { FetchGitMetadataResponse } from "./fetchGitMetadataRequest.types";
+
+export default async function fetchGitMetadataRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<FetchGitMetadataResponse>> {
+  return Api.get(`${GIT_BASE_URL}/metadata/app/${baseApplicationId}`);
+}
diff --git a/app/client/src/git/requests/fetchGitMetadataRequest.types.ts b/app/client/src/git/requests/fetchGitMetadataRequest.types.ts
new file mode 100644
index 000000000000..95ef9f6ec3ab
--- /dev/null
+++ b/app/client/src/git/requests/fetchGitMetadataRequest.types.ts
@@ -0,0 +1,15 @@
+export interface FetchGitMetadataResponse {
+  branchName: string;
+  defaultBranchName: string;
+  remoteUrl: string;
+  repoName: string;
+  browserSupportedUrl?: string;
+  isRepoPrivate?: boolean;
+  browserSupportedRemoteUrl: string;
+  defaultApplicationId: string;
+  isProtectedBranch: boolean;
+  autoCommitConfig: {
+    enabled: boolean;
+  };
+  isAutoDeploymentEnabled?: boolean;
+}
diff --git a/app/client/src/git/requests/fetchGlobalConfigRequest.ts b/app/client/src/git/requests/fetchGlobalConfigRequest.ts
new file mode 100644
index 000000000000..32b048c0bbf0
--- /dev/null
+++ b/app/client/src/git/requests/fetchGlobalConfigRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { FetchGlobalConfigResponse } from "./fetchGlobalConfigRequest.types";
+
+export default async function fetchGlobalConfigRequest(): Promise<
+  AxiosResponse<FetchGlobalConfigResponse>
+> {
+  return Api.get(`${GIT_BASE_URL}/profile/default`);
+}
diff --git a/app/client/src/git/requests/fetchGlobalConfigRequest.types.ts b/app/client/src/git/requests/fetchGlobalConfigRequest.types.ts
new file mode 100644
index 000000000000..1939b2df65fd
--- /dev/null
+++ b/app/client/src/git/requests/fetchGlobalConfigRequest.types.ts
@@ -0,0 +1,4 @@
+export interface FetchGlobalConfigResponse {
+  authorName: string;
+  authorEmail: string;
+}
diff --git a/app/client/src/git/requests/fetchLocalConfigRequest.ts b/app/client/src/git/requests/fetchLocalConfigRequest.ts
new file mode 100644
index 000000000000..53159fc886f7
--- /dev/null
+++ b/app/client/src/git/requests/fetchLocalConfigRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import type { AxiosResponse } from "axios";
+import { GIT_BASE_URL } from "./constants";
+import type { FetchLocalConfigResponse } from "./fetchLocalConfigRequest.types";
+
+export default async function fetchLocalConfigRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<FetchLocalConfigResponse>> {
+  return Api.get(`${GIT_BASE_URL}/profile/app/${baseApplicationId}`);
+}
diff --git a/app/client/src/git/requests/fetchLocalConfigRequest.types.ts b/app/client/src/git/requests/fetchLocalConfigRequest.types.ts
new file mode 100644
index 000000000000..abc83e1d83ba
--- /dev/null
+++ b/app/client/src/git/requests/fetchLocalConfigRequest.types.ts
@@ -0,0 +1,5 @@
+export interface FetchLocalConfigResponse {
+  authorName: string;
+  authorEmail: string;
+  useGlobalProfile: boolean;
+}
diff --git a/app/client/src/git/requests/fetchMergeStatusRequest.ts b/app/client/src/git/requests/fetchMergeStatusRequest.ts
new file mode 100644
index 000000000000..95701d5cadc8
--- /dev/null
+++ b/app/client/src/git/requests/fetchMergeStatusRequest.ts
@@ -0,0 +1,17 @@
+import type { AxiosResponse } from "axios";
+import type {
+  FetchMergeStatusRequestParams,
+  FetchMergeStatusResponse,
+} from "./fetchMergeStatusRequest.types";
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+
+export default async function fetchMergeStatusRequest(
+  branchedApplicationId: string,
+  params: FetchMergeStatusRequestParams,
+): Promise<AxiosResponse<FetchMergeStatusResponse>> {
+  return Api.post(
+    `${GIT_BASE_URL}/merge/status/app/${branchedApplicationId}`,
+    params,
+  );
+}
diff --git a/app/client/src/git/requests/fetchMergeStatusRequest.types.ts b/app/client/src/git/requests/fetchMergeStatusRequest.types.ts
new file mode 100644
index 000000000000..76965ee37ff5
--- /dev/null
+++ b/app/client/src/git/requests/fetchMergeStatusRequest.types.ts
@@ -0,0 +1,10 @@
+export interface FetchMergeStatusRequestParams {
+  sourceBranch: string;
+  destinationBranch: string;
+}
+
+export interface FetchMergeStatusResponse {
+  isMergeAble: boolean;
+  status: string; // merge status
+  message: string;
+}
diff --git a/app/client/src/git/requests/fetchProtectedBranchesRequest.ts b/app/client/src/git/requests/fetchProtectedBranchesRequest.ts
new file mode 100644
index 000000000000..492a23c5eeca
--- /dev/null
+++ b/app/client/src/git/requests/fetchProtectedBranchesRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { FetchProtectedBranches } from "./fetchProtectedBranchesRequest.types";
+
+export default async function fetchProtectedBranchesRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<FetchProtectedBranches>> {
+  return Api.get(`${GIT_BASE_URL}/branch/app/${baseApplicationId}/protected`);
+}
diff --git a/app/client/src/git/requests/fetchProtectedBranchesRequest.types.ts b/app/client/src/git/requests/fetchProtectedBranchesRequest.types.ts
new file mode 100644
index 000000000000..166cc05322ed
--- /dev/null
+++ b/app/client/src/git/requests/fetchProtectedBranchesRequest.types.ts
@@ -0,0 +1 @@
+export type FetchProtectedBranches = string[];
diff --git a/app/client/src/git/requests/fetchSSHKeyRequest.ts b/app/client/src/git/requests/fetchSSHKeyRequest.ts
new file mode 100644
index 000000000000..e61884e28a3b
--- /dev/null
+++ b/app/client/src/git/requests/fetchSSHKeyRequest.ts
@@ -0,0 +1,10 @@
+import type { AxiosResponse } from "axios";
+import type { FetchSSHKeyResponse } from "./fetchSSHKeyRequest.types";
+import Api from "api/Api";
+import { APPLICATION_BASE_URL } from "./constants";
+
+export default async function fetchSSHKeyRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<FetchSSHKeyResponse>> {
+  return Api.get(`${APPLICATION_BASE_URL}/ssh-keypair/${baseApplicationId}`);
+}
diff --git a/app/client/src/git/requests/fetchSSHKeyRequest.types.ts b/app/client/src/git/requests/fetchSSHKeyRequest.types.ts
new file mode 100644
index 000000000000..55b4f305b666
--- /dev/null
+++ b/app/client/src/git/requests/fetchSSHKeyRequest.types.ts
@@ -0,0 +1,6 @@
+export interface FetchSSHKeyResponse {
+  publicKey: string;
+  docUrl: string;
+  isRegeneratedKey: boolean;
+  regeneratedKey: boolean;
+}
diff --git a/app/client/src/git/requests/fetchStatusRequest.ts b/app/client/src/git/requests/fetchStatusRequest.ts
new file mode 100644
index 000000000000..587b4f66ea0b
--- /dev/null
+++ b/app/client/src/git/requests/fetchStatusRequest.ts
@@ -0,0 +1,14 @@
+import Api from "api/Api";
+import type {
+  FetchStatusRequestParams,
+  FetchStatusResponse,
+} from "./fetchStatusRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+
+export default async function fetchStatusRequest(
+  branchedApplicationId: string,
+  params: FetchStatusRequestParams,
+): Promise<AxiosResponse<FetchStatusResponse>> {
+  return Api.get(`${GIT_BASE_URL}/status/app/${branchedApplicationId}`, params);
+}
diff --git a/app/client/src/git/requests/fetchStatusRequest.types.ts b/app/client/src/git/requests/fetchStatusRequest.types.ts
new file mode 100644
index 000000000000..9a63fc879487
--- /dev/null
+++ b/app/client/src/git/requests/fetchStatusRequest.types.ts
@@ -0,0 +1,38 @@
+export interface FetchStatusRequestParams {
+  compareRemote: boolean;
+}
+
+export interface FetchStatusResponse {
+  added: string[];
+  aheadCount: number;
+  behindCount: number;
+  conflicting: string[];
+  datasourcesAdded: string[];
+  datasourcesModified: string[];
+  datasourcesRemoved: string[];
+  discardDocUrl: string;
+  isClean: boolean;
+  jsLibsAdded: string[];
+  jsLibsModified: string[];
+  jsLibsRemoved: string[];
+  jsObjectsAdded: string[];
+  jsObjectsModified: string[];
+  jsObjectsRemoved: string[];
+  migrationMessage: string;
+  modified: string[];
+  modifiedDatasources: number;
+  modifiedJSLibs: number;
+  modifiedJSObjects: number;
+  modifiedModuleInstances: number;
+  modifiedModules: number;
+  modifiedPages: number;
+  modifiedQueries: number;
+  pagesAdded: string[];
+  pagesModified: string[];
+  pagesRemoved: string[];
+  queriesAdded: string[];
+  queriesModified: string[];
+  queriesRemoved: string[];
+  remoteBranch: string;
+  removed: string[];
+}
diff --git a/app/client/src/git/requests/generateSSHKeyRequest.ts b/app/client/src/git/requests/generateSSHKeyRequest.ts
new file mode 100644
index 000000000000..525c0423a16f
--- /dev/null
+++ b/app/client/src/git/requests/generateSSHKeyRequest.ts
@@ -0,0 +1,18 @@
+import type { AxiosResponse } from "axios";
+import type {
+  GenerateSSHKeyRequestParams,
+  GenerateSSHKeyResponse,
+} from "./generateSSHKeyRequest.types";
+import { APPLICATION_BASE_URL, GIT_BASE_URL } from "./constants";
+import Api from "api/Api";
+
+export default async function generateSSHKeyRequest(
+  baseApplicationId: string,
+  params: GenerateSSHKeyRequestParams,
+): Promise<AxiosResponse<GenerateSSHKeyResponse>> {
+  const url = params.isImporting
+    ? `${GIT_BASE_URL}/import/keys?keyType=${params.keyType}`
+    : `${APPLICATION_BASE_URL}/ssh-keypair/${baseApplicationId}?keyType=${params.keyType}`;
+
+  return params.isImporting ? Api.get(url) : Api.post(url);
+}
diff --git a/app/client/src/git/requests/generateSSHKeyRequest.types.ts b/app/client/src/git/requests/generateSSHKeyRequest.types.ts
new file mode 100644
index 000000000000..ced29ad6dbc0
--- /dev/null
+++ b/app/client/src/git/requests/generateSSHKeyRequest.types.ts
@@ -0,0 +1,11 @@
+export interface GenerateSSHKeyRequestParams {
+  keyType: string;
+  isImporting: boolean;
+}
+
+export interface GenerateSSHKeyResponse {
+  publicKey: string;
+  docUrl: string;
+  isRegeneratedKey: boolean;
+  regeneratedKey: boolean;
+}
diff --git a/app/client/src/git/requests/importGitRequest.ts b/app/client/src/git/requests/importGitRequest.ts
new file mode 100644
index 000000000000..e9378361da88
--- /dev/null
+++ b/app/client/src/git/requests/importGitRequest.ts
@@ -0,0 +1,14 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type {
+  ImportGitRequestParams,
+  ImportGitResponse,
+} from "./importGitRequest.types";
+import type { AxiosResponse } from "axios";
+
+export default async function importGitRequest(
+  workspaceId: string,
+  params: ImportGitRequestParams,
+): Promise<AxiosResponse<ImportGitResponse>> {
+  return Api.post(`${GIT_BASE_URL}/import/${workspaceId}`, params);
+}
diff --git a/app/client/src/git/requests/importGitRequest.types.ts b/app/client/src/git/requests/importGitRequest.types.ts
new file mode 100644
index 000000000000..b0f3113d7a6e
--- /dev/null
+++ b/app/client/src/git/requests/importGitRequest.types.ts
@@ -0,0 +1,24 @@
+export interface ImportGitRequestParams {
+  remoteUrl: string;
+  gitProfile?: {
+    authorName: string;
+    authorEmail: string;
+    useDefaultProfile?: boolean;
+  };
+}
+
+export interface ImportGitResponse {
+  id: string;
+  baseId: string;
+  gitApplicationMetadata: {
+    branchName: string;
+    browserSupportedRemoteUrl: string;
+    defaultApplicationId: string;
+    defaultArtifactId: string;
+    defaultBranchName: string;
+    isRepoPrivate: boolean;
+    lastCommitedAt: string;
+    remoteUrl: string;
+    repoName: string;
+  };
+}
diff --git a/app/client/src/git/requests/mergeRequest.ts b/app/client/src/git/requests/mergeRequest.ts
new file mode 100644
index 000000000000..ee30566c4936
--- /dev/null
+++ b/app/client/src/git/requests/mergeRequest.ts
@@ -0,0 +1,11 @@
+import Api from "api/Api";
+import type { MergeRequestParams, MergeResponse } from "./mergeRequest.types";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+
+export default async function mergeRequest(
+  branchedApplicationId: string,
+  params: MergeRequestParams,
+): Promise<AxiosResponse<MergeResponse>> {
+  return Api.post(`${GIT_BASE_URL}/merge/app/${branchedApplicationId}`, params);
+}
diff --git a/app/client/src/git/requests/mergeRequest.types.ts b/app/client/src/git/requests/mergeRequest.types.ts
new file mode 100644
index 000000000000..7ec27500b1ed
--- /dev/null
+++ b/app/client/src/git/requests/mergeRequest.types.ts
@@ -0,0 +1,9 @@
+export interface MergeRequestParams {
+  sourceBranch: string;
+  destinationBranch: string;
+}
+
+export interface MergeResponse {
+  isMergAble: boolean;
+  status: string; // merge status
+}
diff --git a/app/client/src/git/requests/pullRequest.ts b/app/client/src/git/requests/pullRequest.ts
new file mode 100644
index 000000000000..21bd6f4f2a3c
--- /dev/null
+++ b/app/client/src/git/requests/pullRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { PullRequestResponse } from "./pullRequest.types";
+
+export default async function pullRequest(
+  branchedApplicationId: string,
+): Promise<AxiosResponse<PullRequestResponse>> {
+  return Api.get(`${GIT_BASE_URL}/pull/app/${branchedApplicationId}`);
+}
diff --git a/app/client/src/git/requests/pullRequest.types.ts b/app/client/src/git/requests/pullRequest.types.ts
new file mode 100644
index 000000000000..abfb2586ca8e
--- /dev/null
+++ b/app/client/src/git/requests/pullRequest.types.ts
@@ -0,0 +1,6 @@
+export interface PullRequestResponse {
+  mergeStatus: {
+    isMergeAble: boolean;
+    status: string; // pull merge status
+  };
+}
diff --git a/app/client/src/git/requests/toggleAutocommitRequest.ts b/app/client/src/git/requests/toggleAutocommitRequest.ts
new file mode 100644
index 000000000000..deba662ded3f
--- /dev/null
+++ b/app/client/src/git/requests/toggleAutocommitRequest.ts
@@ -0,0 +1,12 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { ToggleAutocommitResponse } from "./toggleAutocommitRequest.types";
+
+export default async function toggleAutocommitRequest(
+  baseApplicationId: string,
+): Promise<AxiosResponse<ToggleAutocommitResponse>> {
+  return Api.patch(
+    `${GIT_BASE_URL}/auto-commit/toggle/app/${baseApplicationId}`,
+  );
+}
diff --git a/app/client/src/git/requests/toggleAutocommitRequest.types.ts b/app/client/src/git/requests/toggleAutocommitRequest.types.ts
new file mode 100644
index 000000000000..9dc99ed84528
--- /dev/null
+++ b/app/client/src/git/requests/toggleAutocommitRequest.types.ts
@@ -0,0 +1 @@
+export type ToggleAutocommitResponse = boolean;
diff --git a/app/client/src/git/requests/triggerAutocommitRequest.ts b/app/client/src/git/requests/triggerAutocommitRequest.ts
new file mode 100644
index 000000000000..01c603cb4ce5
--- /dev/null
+++ b/app/client/src/git/requests/triggerAutocommitRequest.ts
@@ -0,0 +1,10 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type { AxiosResponse } from "axios";
+import type { TriggerAutocommitResponse } from "./triggerAutocommitRequest.types";
+
+export default async function triggerAutocommitRequest(
+  branchedApplicationId: string,
+): Promise<AxiosResponse<TriggerAutocommitResponse>> {
+  return Api.post(`${GIT_BASE_URL}/auto-commit/app/${branchedApplicationId}`);
+}
diff --git a/app/client/src/git/requests/triggerAutocommitRequest.types.ts b/app/client/src/git/requests/triggerAutocommitRequest.types.ts
new file mode 100644
index 000000000000..6abf80ecf226
--- /dev/null
+++ b/app/client/src/git/requests/triggerAutocommitRequest.types.ts
@@ -0,0 +1,7 @@
+import type { AutocommitStatus } from "../constants/enums";
+
+export interface TriggerAutocommitResponse {
+  autoCommitResponse: AutocommitStatus;
+  progress: number;
+  branchName: string;
+}
diff --git a/app/client/src/git/requests/updateGlobalConfigRequest.ts b/app/client/src/git/requests/updateGlobalConfigRequest.ts
new file mode 100644
index 000000000000..a20cb5beb877
--- /dev/null
+++ b/app/client/src/git/requests/updateGlobalConfigRequest.ts
@@ -0,0 +1,13 @@
+import type { AxiosResponse } from "axios";
+import type {
+  UpdateGlobalConfigRequestParams,
+  UpdateGlobalConfigResponse,
+} from "./updateGlobalConfigRequest.types";
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+
+export default async function updateGlobalConfigRequest(
+  params: UpdateGlobalConfigRequestParams,
+): Promise<AxiosResponse<UpdateGlobalConfigResponse>> {
+  return Api.post(`${GIT_BASE_URL}/profile/default`, params);
+}
diff --git a/app/client/src/git/requests/updateGlobalConfigRequest.types.ts b/app/client/src/git/requests/updateGlobalConfigRequest.types.ts
new file mode 100644
index 000000000000..10116f7dc991
--- /dev/null
+++ b/app/client/src/git/requests/updateGlobalConfigRequest.types.ts
@@ -0,0 +1,11 @@
+export interface UpdateGlobalConfigRequestParams {
+  authorName: string;
+  authorEmail: string;
+}
+
+export interface UpdateGlobalConfigResponse {
+  default: {
+    authorName: string;
+    authorEmail: string;
+  };
+}
diff --git a/app/client/src/git/requests/updateLocalConfigRequest.ts b/app/client/src/git/requests/updateLocalConfigRequest.ts
new file mode 100644
index 000000000000..4b69bc72c27d
--- /dev/null
+++ b/app/client/src/git/requests/updateLocalConfigRequest.ts
@@ -0,0 +1,14 @@
+import type { AxiosResponse } from "axios";
+import type {
+  UpdateLocalConfigRequestParams,
+  UpdateLocalConfigResponse,
+} from "./updateLocalConfigRequest.types";
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+
+export default async function updateLocalConfigRequest(
+  baseApplicationId: string,
+  params: UpdateLocalConfigRequestParams,
+): Promise<AxiosResponse<UpdateLocalConfigResponse>> {
+  return Api.put(`${GIT_BASE_URL}/profile/app/${baseApplicationId}`, params);
+}
diff --git a/app/client/src/git/requests/updateLocalConfigRequest.types.ts b/app/client/src/git/requests/updateLocalConfigRequest.types.ts
new file mode 100644
index 000000000000..5414637a46c8
--- /dev/null
+++ b/app/client/src/git/requests/updateLocalConfigRequest.types.ts
@@ -0,0 +1,13 @@
+export interface UpdateLocalConfigRequestParams {
+  authorName: string;
+  authorEmail: string;
+  useGlobalProfile: boolean;
+}
+
+export interface UpdateLocalConfigResponse {
+  [baseApplicationId: string]: {
+    authorName: string;
+    authorEmail: string;
+    useGlobalProfile: boolean;
+  };
+}
diff --git a/app/client/src/git/requests/updateProtectedBranchesRequest.ts b/app/client/src/git/requests/updateProtectedBranchesRequest.ts
new file mode 100644
index 000000000000..5af603ecaa7d
--- /dev/null
+++ b/app/client/src/git/requests/updateProtectedBranchesRequest.ts
@@ -0,0 +1,17 @@
+import Api from "api/Api";
+import { GIT_BASE_URL } from "./constants";
+import type {
+  UpdateProtectedBranchesRequestParams,
+  UpdateProtectedBranchesResponse,
+} from "./updateProtectedBranchesRequest.types";
+import type { AxiosResponse } from "axios";
+
+export default async function updateProtectedBranchesRequest(
+  baseApplicationId: string,
+  params: UpdateProtectedBranchesRequestParams,
+): Promise<AxiosResponse<UpdateProtectedBranchesResponse>> {
+  return Api.post(
+    `${GIT_BASE_URL}/branch/app/${baseApplicationId}/protected`,
+    params,
+  );
+}
diff --git a/app/client/src/git/requests/updateProtectedBranchesRequest.types.ts b/app/client/src/git/requests/updateProtectedBranchesRequest.types.ts
new file mode 100644
index 000000000000..fff7073624e4
--- /dev/null
+++ b/app/client/src/git/requests/updateProtectedBranchesRequest.types.ts
@@ -0,0 +1,5 @@
+export interface UpdateProtectedBranchesRequestParams {
+  branchNames: string[];
+}
+
+export type UpdateProtectedBranchesResponse = string[];
diff --git a/app/client/src/git/types.ts b/app/client/src/git/types.ts
index 7786dcc1b4a0..af349c168fb8 100644
--- a/app/client/src/git/types.ts
+++ b/app/client/src/git/types.ts
@@ -5,7 +5,7 @@ import type {
   GitImportStep,
   GitOpsTab,
   GitSettingsTab,
-} from "./enums";
+} from "./constants/enums";
 
 // These will be updated when contracts are finalized
 export type GitMetadata = Record<string, unknown>;
diff --git a/app/client/src/layoutSystems/anvil/editor/styles.module.css b/app/client/src/layoutSystems/anvil/editor/styles.module.css
index 3d2ccdd43a39..b711d3b71775 100644
--- a/app/client/src/layoutSystems/anvil/editor/styles.module.css
+++ b/app/client/src/layoutSystems/anvil/editor/styles.module.css
@@ -8,7 +8,7 @@
     This is a temporary solution. According to the product requirements, we need to make AI chat widget interactive.
     This code can be deleted when full-fledged inline editing feature is implemented.
   */
-  & [data-widget-name*="AIChat"] > * {
+  & :is([data-widget-name*="AIChat"], [data-widget-name*="Custom"]) > * {
     pointer-events: all;
   }
 }
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/appsmithConsole.js b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/appsmithConsole.js
new file mode 100644
index 000000000000..1c27b1b5eb03
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/appsmithConsole.js
@@ -0,0 +1,35 @@
+(function (nativeConsole) {
+  const postMessage = (method, args) => {
+    window.parent.postMessage(
+      {
+        type: "CUSTOM_WIDGET_CONSOLE_EVENT",
+        data: {
+          type: method,
+          args: args.map((d) => ({
+            message: d,
+          })),
+        },
+      },
+      "*",
+    );
+  };
+
+  const createProxy = (method) =>
+    new Proxy(nativeConsole[method], {
+      apply(target, _this, args) {
+        try {
+          postMessage(method, args);
+        } finally {
+          return Reflect.apply(target, _this, args);
+        }
+      },
+    });
+
+  ["log", "warn", "info"].forEach((method) => {
+    nativeConsole[method] = createProxy(method);
+  });
+
+  window.addEventListener("error", (event) => {
+    postMessage("error", [event.message]);
+  });
+})(window.console);
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/constants.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/constants.ts
new file mode 100644
index 000000000000..16e5e6ee3a8b
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/constants.ts
@@ -0,0 +1,18 @@
+export const CUSTOM_WIDGET_LOAD_EVENTS = {
+  STARTED: "started",
+  DOM_CONTENTED_LOADED: "DOMContentLoaded",
+  COMPLETED: "completed",
+};
+
+export const getAppsmithScriptSchema = (model: Record<string, unknown>) => ({
+  appsmith: {
+    mode: "",
+    model: model,
+    onUiChange: Function,
+    onModelChange: Function,
+    onThemeChange: Function,
+    updateModel: Function,
+    triggerEvent: Function,
+    onReady: Function,
+  },
+});
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetScript.test.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetScript.test.ts
new file mode 100644
index 000000000000..963e6478d036
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetScript.test.ts
@@ -0,0 +1,353 @@
+import {
+  createChannelToParent,
+  generateAppsmithCssVariables,
+  EVENTS,
+  main,
+} from "./customWidgetscript";
+
+jest.mock("queue-microtask", () => ({
+  queueMicrotask: jest.fn().mockImplementationOnce((fn) => fn()),
+}));
+
+declare global {
+  interface Window {
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    appsmith: any;
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    triggerEvent: any;
+  }
+}
+
+describe("createChannelToParent", () => {
+  beforeEach(() => {
+    const events = new Map();
+
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.addEventListener = (type: string, handler: any) => {
+      events.set(type, handler);
+    };
+
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.triggerEvent = (type: string, event: any) => {
+      events.get(type)(event);
+    };
+  });
+
+  it("should check the onMessage function", () => {
+    const channel = createChannelToParent();
+
+    const handler = jest.fn();
+
+    channel.onMessage("test", handler);
+
+    expect(channel.onMessageMap.get("test")[0]).toBe(handler);
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: "test",
+      },
+    });
+
+    expect(handler).toHaveBeenCalledWith({
+      type: "test",
+    });
+  });
+
+  it("should check the postMessage function", async () => {
+    const channel = createChannelToParent();
+
+    window.parent.postMessage = jest.fn().mockImplementationOnce((data) => {
+      window.triggerEvent("message", {
+        source: window.parent,
+        data: {
+          type: EVENTS.CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK,
+          key: data.key,
+          success: true,
+        },
+      });
+    });
+
+    channel.postMessage("test1", { index: 1 });
+
+    channel.postMessage("test2", { index: 2 });
+
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        expect(window.parent.postMessage).toHaveBeenCalledWith(
+          {
+            type: "test1",
+            data: { index: 1 },
+            key: expect.any(Number),
+          },
+          "*",
+        );
+
+        expect(window.parent.postMessage).toHaveBeenCalledWith(
+          {
+            type: "test2",
+            data: { index: 2 },
+            key: expect.any(Number),
+          },
+          "*",
+        );
+
+        resolve(true);
+      });
+    });
+  });
+});
+
+describe("generateAppsmithCssVariables", () => {
+  it("should generate CSS variables in the style element", () => {
+    const source = {
+      key1: "value1",
+      key2: 42,
+      key3: [],
+    };
+
+    const provider = "model";
+
+    generateAppsmithCssVariables(provider)(source);
+
+    expect(
+      document
+        .getElementById(`appsmith-${provider}-css-tokens`)
+        ?.innerHTML.replace(/\s+/g, "")
+        .replace(/\n/g, ""),
+    ).toBe(`:root{--appsmith-model-key1:value1;--appsmith-model-key2:42;}`);
+  });
+});
+
+describe("CustomWidgetScript", () => {
+  beforeAll(() => {
+    const events = new Map();
+
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.addEventListener = (type: string, handler: any) => {
+      events.set(type, handler);
+    };
+
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.triggerEvent = (type: string, event: any) => {
+      events.get(type)(event);
+    };
+
+    window.parent.postMessage = jest.fn().mockImplementationOnce((data) => {
+      window.triggerEvent("message", {
+        source: window.parent,
+        data: {
+          type: EVENTS.CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK,
+          key: data.key,
+          success: true,
+        },
+      });
+    });
+
+    main();
+  });
+
+  it("should check API functions - onReady and init", () => {
+    const handler = jest.fn();
+
+    window.appsmith.onReady(handler);
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: EVENTS.CUSTOM_WIDGET_READY_ACK,
+        model: {
+          test: 1,
+        },
+        ui: {
+          width: 1,
+          height: 2,
+        },
+        mode: "test",
+        theme: {
+          color: "#fff",
+        },
+      },
+    });
+
+    expect(window.appsmith.mode).toBe("test");
+
+    expect(window.appsmith.model).toEqual({
+      test: 1,
+    });
+
+    expect(window.appsmith.ui).toEqual({
+      width: 1,
+      height: 2,
+    });
+
+    expect(handler).toHaveBeenCalled();
+  });
+
+  it("should check API functions - onModelChange", () => {
+    const handler = jest.fn();
+
+    const unlisten = window.appsmith.onModelChange(handler);
+
+    expect(handler).toHaveBeenCalledWith({
+      test: 1,
+    });
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: EVENTS.CUSTOM_WIDGET_MODEL_CHANGE,
+        model: {
+          test: 2,
+        },
+      },
+    });
+
+    expect(window.appsmith.model).toEqual({
+      test: 2,
+    });
+
+    expect(handler).toHaveBeenCalledWith(
+      {
+        test: 2,
+      },
+      {
+        test: 1,
+      },
+    );
+
+    handler.mockClear();
+    unlisten();
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: EVENTS.CUSTOM_WIDGET_MODEL_CHANGE,
+        model: {
+          test: 3,
+        },
+      },
+    });
+
+    expect(window.appsmith.model).toEqual({
+      test: 3,
+    });
+
+    expect(handler).not.toHaveBeenCalled();
+  });
+
+  it("should check API functions - onThemeChange", () => {
+    const handler = jest.fn();
+
+    const unlisten = window.appsmith.onThemeChange(handler);
+
+    expect(handler).toHaveBeenCalledWith({
+      color: "#fff",
+    });
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: EVENTS.CUSTOM_WIDGET_THEME_UPDATE,
+        theme: {
+          color: "#000",
+        },
+      },
+    });
+
+    expect(window.appsmith.theme).toEqual({
+      color: "#000",
+    });
+
+    expect(handler).toHaveBeenCalledWith(
+      {
+        color: "#000",
+      },
+      {
+        color: "#fff",
+      },
+    );
+
+    handler.mockClear();
+    unlisten();
+
+    window.triggerEvent("message", {
+      source: window.parent,
+      data: {
+        type: EVENTS.CUSTOM_WIDGET_THEME_UPDATE,
+        theme: {
+          color: "#f0f",
+        },
+      },
+    });
+
+    expect(window.appsmith.theme).toEqual({
+      color: "#f0f",
+    });
+
+    expect(handler).not.toHaveBeenCalled();
+  });
+
+  it("should check API functions - updateModel", async () => {
+    window.appsmith.updateModel({
+      test: 4,
+    });
+
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        expect(window.parent.postMessage).toHaveBeenCalledWith(
+          {
+            type: EVENTS.CUSTOM_WIDGET_UPDATE_MODEL,
+            data: {
+              test: 4,
+            },
+            key: expect.any(Number),
+          },
+          "*",
+        );
+
+        expect(window.appsmith.model).toEqual({
+          test: 4,
+        });
+
+        resolve(true);
+      });
+    });
+  });
+
+  it("should check API functions - triggerEvent", async () => {
+    // TODO: Fix this the next time the file is edited
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (window.parent.postMessage as any).mockClear();
+
+    window.appsmith.triggerEvent("test", {
+      test: 5,
+    });
+
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        expect(window.parent.postMessage).toHaveBeenCalledWith(
+          {
+            type: EVENTS.CUSTOM_WIDGET_TRIGGER_EVENT,
+            data: {
+              eventName: "test",
+              contextObj: {
+                test: 5,
+              },
+            },
+            key: expect.any(Number),
+          },
+          "*",
+        );
+
+        resolve(true);
+      });
+    });
+  });
+});
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetscript.js b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetscript.js
new file mode 100644
index 000000000000..dcabe42ca8e2
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/customWidgetscript.js
@@ -0,0 +1,347 @@
+// Custom widget events definition
+export const EVENTS = {
+  CUSTOM_WIDGET_READY: "CUSTOM_WIDGET_READY",
+  CUSTOM_WIDGET_READY_ACK: "CUSTOM_WIDGET_READY_ACK",
+  CUSTOM_WIDGET_UPDATE_MODEL: "CUSTOM_WIDGET_UPDATE_MODEL",
+  CUSTOM_WIDGET_TRIGGER_EVENT: "CUSTOM_WIDGET_TRIGGER_EVENT",
+  CUSTOM_WIDGET_MODEL_CHANGE: "CUSTOM_WIDGET_MODEL_CHANGE",
+  CUSTOM_WIDGET_UI_CHANGE: "CUSTOM_WIDGET_UI_CHANGE",
+  CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK: "CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK",
+  CUSTOM_WIDGET_CONSOLE_EVENT: "CUSTOM_WIDGET_CONSOLE_EVENT",
+  CUSTOM_WIDGET_THEME_UPDATE: "CUSTOM_WIDGET_THEME_UPDATE",
+  CUSTOM_WIDGET_UPDATE_HEIGHT: "CUSTOM_WIDGET_UPDATE_HEIGHT",
+};
+
+// Function to create a communication channel to the parent
+export const createChannelToParent = () => {
+  const onMessageMap = new Map();
+
+  // Function to register an event handler for a message type
+  function onMessage(type, fn) {
+    let eventHandlerList = onMessageMap.get(type);
+
+    if (eventHandlerList && eventHandlerList instanceof Array) {
+      eventHandlerList.push(fn);
+    } else {
+      eventHandlerList = [fn];
+      onMessageMap.set(type, eventHandlerList);
+    }
+
+    return () => {
+      // Function to unsubscribe an event handler
+      const index = eventHandlerList.indexOf(fn);
+
+      eventHandlerList.splice(index, 1);
+    };
+  }
+
+  // Listen for 'message' events and dispatch to registered event handlers
+  window.addEventListener("message", (event) => {
+    if (event.source === window.parent) {
+      const handlerList = onMessageMap.get(event.data.type);
+
+      if (handlerList) {
+        handlerList.forEach((fn) => fn(event.data));
+      }
+    }
+  });
+  // Queue to hold postMessage requests
+  const postMessageQueue = [];
+  // Flag to indicate if the flush is scheduled
+  let isFlushScheduled = false;
+
+  /*
+   * Function to schedule microtask to flush postMessageQueue
+   * to ensure the order of message processed on the parent
+   */
+  const scheduleMicrotaskToflushPostMessageQueue = () => {
+    if (!isFlushScheduled) {
+      isFlushScheduled = true;
+      queueMicrotask(() => {
+        (async () => {
+          while (postMessageQueue.length > 0) {
+            const message = postMessageQueue.shift();
+
+            await new Promise((resolve) => {
+              const key = Math.random();
+              const unlisten = onMessage(
+                EVENTS.CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK,
+                (data) => {
+                  if (data.key === key && data.success) {
+                    unlisten();
+                    resolve();
+                  }
+                },
+              );
+
+              // Send the message to the parent
+              window.parent.postMessage(
+                Object.assign(Object.assign({}, message), { key }),
+                "*",
+              );
+            });
+          }
+
+          isFlushScheduled = false;
+        })();
+      });
+    }
+  };
+
+  return {
+    onMessageMap,
+    postMessage: (type, data) => {
+      try {
+        // Try block to catch non clonealbe data error while postmessaging
+        // throw error if the data is not cloneable
+        postMessageQueue.push({
+          type,
+          data,
+        });
+
+        scheduleMicrotaskToflushPostMessageQueue();
+      } catch (e) {
+        throw e;
+      }
+    },
+    onMessage,
+  };
+};
+
+/*
+ * Function to initialize the script
+ * wrapping this inside a function to make it testable
+ */
+export function main() {
+  // Create a communication channel to the parent
+  const channel = createChannelToParent();
+  /*
+   * Variables to hold the subscriber functions
+   */
+  const modelSubscribers = [];
+  const uiSubscribers = [];
+  const themeSubscribers = [];
+  /*
+   * Variables to hold ready function and state
+   */
+  let onReady;
+  let isReady = false;
+  let isReadyCalled = false;
+
+  const heightObserver = new ResizeObserver(() => {
+    const height = document.body.clientHeight;
+
+    channel.postMessage(EVENTS.CUSTOM_WIDGET_UPDATE_HEIGHT, {
+      height,
+    });
+  });
+
+  // Callback for when the READY_ACK message is received
+  channel.onMessage(EVENTS.CUSTOM_WIDGET_READY_ACK, (event) => {
+    window.appsmith.model = event.model;
+    window.appsmith.ui = event.ui;
+    window.appsmith.theme = event.theme;
+    window.appsmith.mode = event.mode;
+    heightObserver.observe(window.document.body);
+
+    // Subscribe to model and UI changes
+    window.appsmith.onModelChange(generateAppsmithCssVariables("model"));
+    window.appsmith.onUiChange(generateAppsmithCssVariables("ui"));
+    window.appsmith.onThemeChange(generateAppsmithCssVariables("theme"));
+
+    // Set the widget as ready
+    isReady = true;
+
+    if (!isReadyCalled && onReady) {
+      onReady();
+      isReadyCalled = true;
+    }
+  });
+  // Callback for when MODEL_CHANGE message is received
+  channel.onMessage(EVENTS.CUSTOM_WIDGET_MODEL_CHANGE, (event) => {
+    if (event.model) {
+      const prevModel = window.appsmith.model;
+
+      window.appsmith.model = event.model;
+
+      // Notify model subscribers
+      modelSubscribers.forEach((fn) => {
+        fn(event.model, prevModel);
+      });
+    }
+  });
+  // Callback for when UI_CHANGE message is received
+  channel.onMessage(EVENTS.CUSTOM_WIDGET_UI_CHANGE, (event) => {
+    if (event.ui) {
+      const prevUi = window.appsmith.ui;
+
+      window.appsmith.ui = event.ui;
+      // Notify UI subscribers
+      uiSubscribers.forEach((fn) => {
+        fn(event.ui, prevUi);
+      });
+    }
+  });
+
+  channel.onMessage(EVENTS.CUSTOM_WIDGET_THEME_UPDATE, (event) => {
+    if (event.theme) {
+      const prevTheme = window.appsmith.theme;
+
+      window.appsmith.theme = event.theme;
+      // Notify theme subscribers
+      themeSubscribers.forEach((fn) => {
+        fn(event.theme, prevTheme);
+      });
+    }
+
+    if (event.cssTokens) {
+      const el = document.querySelector("[data-appsmith-theme]");
+
+      if (el) {
+        el.innerHTML = event.cssTokens;
+      } else {
+        // Use appendChild instead of innerHTML to add the style element
+        const styleElement = document.createElement("style");
+
+        styleElement.setAttribute("data-appsmith-theme", "");
+        styleElement.innerHTML = event.cssTokens;
+        document.head.appendChild(styleElement);
+      }
+    }
+  });
+
+  if (!window.appsmith) {
+    // Define appsmith global object
+    Object.defineProperty(window, "appsmith", {
+      configurable: false,
+      writable: false,
+      value: {
+        mode: "",
+        theme: {},
+        onThemeChange: (fn) => {
+          if (typeof fn !== "function") {
+            throw new Error("onThemeChange expects a function as parameter");
+          }
+
+          themeSubscribers.push(fn);
+          fn(window.appsmith.theme);
+
+          return () => {
+            // Unsubscribe from theme changes
+            const index = themeSubscribers.indexOf(fn);
+
+            if (index > -1) {
+              themeSubscribers.splice(index, 1);
+            }
+          };
+        },
+        onUiChange: (fn) => {
+          if (typeof fn !== "function") {
+            throw new Error("onUiChange expects a function as parameter");
+          }
+
+          uiSubscribers.push(fn);
+          fn(window.appsmith.ui);
+
+          return () => {
+            // Unsubscribe from UI changes
+            const index = uiSubscribers.indexOf(fn);
+
+            if (index > -1) {
+              uiSubscribers.splice(index, 1);
+            }
+          };
+        },
+        onModelChange: (fn) => {
+          if (typeof fn !== "function") {
+            throw new Error("onModelChange expects a function as parameter");
+          }
+
+          modelSubscribers.push(fn);
+          fn(window.appsmith.model);
+
+          return () => {
+            // Unsubscribe from model changes
+            const index = modelSubscribers.indexOf(fn);
+
+            if (index > -1) {
+              modelSubscribers.splice(index, 1);
+            }
+          };
+        },
+        updateModel: (obj) => {
+          if (!obj || typeof obj !== "object") {
+            throw new Error("updateModel expects an object as parameter");
+          }
+
+          appsmith.model = Object.assign(
+            Object.assign({}, appsmith.model),
+            obj,
+          );
+
+          // Send an update model message to the parent
+          channel.postMessage(EVENTS.CUSTOM_WIDGET_UPDATE_MODEL, obj);
+        },
+        triggerEvent: (eventName, contextObj) => {
+          if (typeof eventName !== "string") {
+            throw new Error("eventName should be a string");
+          } else if (contextObj && typeof contextObj !== "object") {
+            throw new Error("contextObj should be an object");
+          }
+
+          // Send a trigger event message to the parent
+          channel.postMessage(EVENTS.CUSTOM_WIDGET_TRIGGER_EVENT, {
+            eventName,
+            contextObj,
+          });
+        },
+        model: {},
+        ui: {},
+        onReady: (fn) => {
+          if (typeof fn !== "function") {
+            throw new Error("onReady expects a function as parameter");
+          }
+
+          onReady = fn;
+
+          if (isReady && !isReadyCalled && onReady) {
+            onReady();
+            isReadyCalled = true;
+          }
+        },
+      },
+    });
+  }
+
+  // Listen for the 'load' event and send READY message to the parent
+  window.addEventListener("load", () => {
+    channel.postMessage(EVENTS.CUSTOM_WIDGET_READY);
+  });
+}
+
+/*
+ * Function to create appsmith css variables for model and ui primitive values
+ * variables get regenerated every time the model or ui changes.
+ */
+export const generateAppsmithCssVariables = (provider) => (source) => {
+  let cssTokens = document.getElementById(`appsmith-${provider}-css-tokens`);
+
+  if (!cssTokens) {
+    cssTokens = document.createElement("style");
+    cssTokens.id = `appsmith-${provider}-css-tokens`;
+    window.document.head.appendChild(cssTokens);
+  }
+
+  const cssTokensContent = Object.keys(source).reduce((acc, key) => {
+    if (typeof source[key] === "string" || typeof source[key] === "number") {
+      return `
+    ${acc}
+    --appsmith-${provider}-${key}: ${source[key]};
+    `;
+    } else {
+      return acc;
+    }
+  }, "");
+
+  cssTokens.innerHTML = `:root {${cssTokensContent}}`;
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/index.tsx b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/index.tsx
new file mode 100644
index 000000000000..ac763a2df101
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/index.tsx
@@ -0,0 +1,210 @@
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import styled from "styled-components";
+import kebabCase from "lodash/kebabCase";
+
+// @ts-expect-error Cannot find module due to raw-loader
+import script from "!!raw-loader!./customWidgetscript.js";
+
+// @ts-expect-error Cannot find module due to raw-loader
+import appsmithConsole from "!!raw-loader!./appsmithConsole.js";
+
+// @ts-expect-error Cannot find module due to raw-loader
+import css from "!!raw-loader!./reset.css";
+import clsx from "clsx";
+import AnalyticsUtil from "ee/utils/AnalyticsUtil";
+import { EVENTS } from "./customWidgetscript";
+import { getAppsmithConfigs } from "ee/configs";
+import styles from "./styles.module.css";
+import { cssRule, ThemeContext } from "@appsmith/wds-theming";
+import { useCustomWidgetHeight } from "./useCustomWidgetHeight";
+import type { COMPONENT_SIZE } from "../constants";
+
+const Container = styled.div`
+  height: 100%;
+  width: 100%;
+`;
+
+const { disableIframeWidgetSandbox } = getAppsmithConfigs();
+
+export function CustomComponent(props: CustomComponentProps) {
+  const { size } = props;
+  const iframe = useRef<HTMLIFrameElement>(null);
+  const theme = useContext(ThemeContext);
+  const { search } = window.location;
+  const queryParams = new URLSearchParams(search);
+  const isEmbed = queryParams.get("embed") === "true";
+  const componentHeight = useCustomWidgetHeight(size, isEmbed);
+  const [loading, setLoading] = React.useState(true);
+  const [isIframeReady, setIsIframeReady] = useState(false);
+
+  const cssTokens = useMemo(() => {
+    const tokens = cssRule(theme);
+    const prefixedTokens = tokens.replace(/--/g, "--appsmith-theme-");
+
+    return `:root {${prefixedTokens}}`;
+  }, [theme]);
+
+  useEffect(() => {
+    const handler = (event: MessageEvent) => {
+      const iframeWindow =
+        iframe.current?.contentWindow ||
+        iframe.current?.contentDocument?.defaultView;
+
+      if (event.source === iframeWindow) {
+        // Sending acknowledgement for all messages since we're queueing all the postmessage from iframe
+        iframe.current?.contentWindow?.postMessage(
+          {
+            type: EVENTS.CUSTOM_WIDGET_MESSAGE_RECEIVED_ACK,
+            key: event.data.key,
+            success: true,
+          },
+          "*",
+        );
+
+        const message = event.data;
+
+        switch (message.type) {
+          case EVENTS.CUSTOM_WIDGET_READY:
+            setIsIframeReady(true);
+            iframe.current?.contentWindow?.postMessage(
+              {
+                type: EVENTS.CUSTOM_WIDGET_READY_ACK,
+                model: props.model,
+                ui: {},
+                mode: props.renderMode,
+                theme,
+              },
+              "*",
+            );
+
+            if (
+              props.renderMode === "DEPLOYED" ||
+              props.renderMode === "EDITOR"
+            ) {
+              AnalyticsUtil.logEvent("CUSTOM_WIDGET_LOAD_INIT", {
+                widgetId: props.widgetId,
+                renderMode: props.renderMode,
+              });
+            }
+
+            break;
+          case EVENTS.CUSTOM_WIDGET_UPDATE_MODEL:
+            props.update(message.data);
+            break;
+          case EVENTS.CUSTOM_WIDGET_TRIGGER_EVENT:
+            props.execute(message.data.eventName, message.data.contextObj);
+            break;
+          case EVENTS.CUSTOM_WIDGET_UPDATE_HEIGHT:
+            const height = message.data.height;
+
+            if (props.renderMode !== "BUILDER" && height) {
+              iframe.current?.style.setProperty("height", `${height}px`);
+            }
+
+            break;
+          case "CUSTOM_WIDGET_CONSOLE_EVENT":
+            props.onConsole &&
+              props.onConsole(message.data.type, message.data.args);
+            break;
+        }
+      }
+    };
+
+    window.addEventListener("message", handler, false);
+
+    return () => window.removeEventListener("message", handler, false);
+  }, [props.model]);
+
+  useEffect(() => {
+    if (iframe.current && iframe.current.contentWindow && isIframeReady) {
+      iframe.current.contentWindow.postMessage(
+        {
+          type: EVENTS.CUSTOM_WIDGET_MODEL_CHANGE,
+          model: props.model,
+        },
+        "*",
+      );
+    }
+  }, [props.model]);
+
+  useEffect(() => {
+    if (iframe.current && iframe.current.contentWindow && isIframeReady) {
+      iframe.current.contentWindow.postMessage(
+        {
+          type: EVENTS.CUSTOM_WIDGET_THEME_UPDATE,
+          theme,
+        },
+        "*",
+      );
+    }
+  }, [theme, isIframeReady]);
+
+  const srcDoc = `
+    <html>
+      <head>
+        <style>${css}</style>
+        <style data-appsmith-theme>${cssTokens}</style>
+      </head>
+      <body>
+        <script type="text/javascript">${
+          props.onConsole ? appsmithConsole : ""
+        }</script>
+        <script type="module">
+          ${script}
+          main();
+        </script>
+        ${props.srcDoc.html}
+        <script type="module">
+          ${props.srcDoc.js}
+        </script>
+        <style>${props.srcDoc.css}</style>
+      </body>
+    </html>
+  `;
+
+  useEffect(() => {
+    setLoading(true);
+  }, [srcDoc]);
+
+  return (
+    <Container
+      className={clsx(styles.container, {
+        "bp3-skeleton": loading,
+      })}
+      style={{ "--component-height": componentHeight } as React.CSSProperties}
+    >
+      <iframe
+        className={styles.iframe}
+        data-size={kebabCase(size)}
+        loading="lazy"
+        onLoad={() => {
+          setLoading(false);
+        }}
+        ref={iframe}
+        sandbox={
+          disableIframeWidgetSandbox
+            ? undefined
+            : "allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-scripts"
+        }
+        srcDoc={srcDoc}
+      />
+    </Container>
+  );
+}
+
+export interface CustomComponentProps {
+  execute: (eventName: string, contextObj: Record<string, unknown>) => void;
+  update: (data: Record<string, unknown>) => void;
+  model: Record<string, unknown>;
+  srcDoc: {
+    html: string;
+    js: string;
+    css: string;
+  };
+  onLoadingStateChange?: (state: string) => void;
+  needsOverlay?: boolean;
+  onConsole?: (type: string, message: string) => void;
+  renderMode: "EDITOR" | "DEPLOYED" | "BUILDER";
+  widgetId: string;
+  size?: keyof typeof COMPONENT_SIZE;
+}
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/reset.css b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/reset.css
new file mode 100644
index 000000000000..3d9744cc3115
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/reset.css
@@ -0,0 +1,126 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/styles.module.css b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/styles.module.css
new file mode 100644
index 000000000000..018daaa0519e
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/styles.module.css
@@ -0,0 +1,48 @@
+.container {
+  height: var(--component-height, 100%);
+  max-height: var(--max-height, unset);
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+.iframe {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  background: transparent;
+}
+
+.iframe[data-size="fit-page"] {
+  max-height: 100%;
+}
+
+/* Widgets like zone and section can toggle their visual separation. When the visual separation is turned on ( on either zone or section ),
+  it adds a gutter padding around them. In order to account for the gutter top and bottom padding, we subtract 2x the gutter padding
+  from the chat-height so that the widget does not overflow.
+
+  So total height of widget = chat-height - gutter padding of section/zone ( 2x --outer-spacing-3 ) - gutter padding of canvas ( --outer-spacing-4 ).
+  Note: in embed mode, then canvas has no paddings.
+
+  Note that the gutter padding for section and zone is same, so it does not matter if the visual separation is on zone or section.
+*/
+:is(
+    [elevation="1"][data-elevation="true"],
+    [elevation="2"][data-elevation="true"]
+  )
+  .container {
+  --max-height: calc(var(--component-height) - ((var(--outer-spacing-3) * 2)));
+}
+
+/** This is for the case when there is visual separation on both zone and section.
+  In this case, we need to subtract 4x ( 2x top and 2x bottom since the gutter padding is on zone and section both)
+  the gutter padding from the chat-height so that the widget does not overflow. This case overrides the above two cases.
+
+  So total height of widget = chat-height - gutter padding of section - gutter padding of zone - gutter padding of canvas
+
+  Since the gutter padding for section and zone is same, we use 4x the gutter padding ( 2x top + 2x bottom )
+*/
+[elevation="1"][data-elevation="true"]
+  [elevation="2"][data-elevation="true"]
+  .container {
+  --max-height: calc(var(--component-height) - ((var(--outer-spacing-3) * 4)));
+}
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/useCustomWidgetHeight.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/useCustomWidgetHeight.ts
new file mode 100644
index 000000000000..5fbb8506038c
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/component/useCustomWidgetHeight.ts
@@ -0,0 +1,32 @@
+import { useLayoutEffect, useState } from "react";
+
+import { COMPONENT_SIZE } from "../constants";
+import { getFitPageChatHeight } from "../helpers";
+
+export const useCustomWidgetHeight = (
+  size: keyof typeof COMPONENT_SIZE = COMPONENT_SIZE.FIT_PAGE,
+  isEmbed: boolean,
+) => {
+  const [componentHeight, setComponentHeight] = useState("");
+
+  useLayoutEffect(() => {
+    const canvasElem = document.querySelector(".canvas");
+
+    if (canvasElem) {
+      switch (size) {
+        case COMPONENT_SIZE.AUTO:
+          return setComponentHeight("100%");
+        case COMPONENT_SIZE.FIT_PAGE:
+          return setComponentHeight(
+            getFitPageChatHeight(canvasElem.clientHeight, isEmbed),
+          );
+        default:
+          return setComponentHeight(
+            getFitPageChatHeight(canvasElem.clientHeight, isEmbed),
+          );
+      }
+    }
+  }, [size, isEmbed]);
+
+  return componentHeight;
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/anvilConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/anvilConfig.ts
new file mode 100644
index 000000000000..85b1e5347f1c
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/anvilConfig.ts
@@ -0,0 +1,9 @@
+export const anvilConfig = {
+  isLargeWidget: true,
+  widgetSize: {
+    minWidth: {
+      base: "100%",
+      "180px": "sizing-30",
+    },
+  },
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/autocompleteConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/autocompleteConfig.ts
new file mode 100644
index 000000000000..884e85a19764
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/autocompleteConfig.ts
@@ -0,0 +1,13 @@
+import type { ExtraDef } from "utils/autocomplete/defCreatorUtils";
+import { generateTypeDef } from "utils/autocomplete/defCreatorUtils";
+import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
+
+import type { CustomWidgetProps } from "../types";
+
+export const autocompleteConfig = (
+  widget: CustomWidgetProps,
+  extraDefsToDefine?: ExtraDef,
+) => ({
+  isVisible: DefaultAutocompleteDefinitions.isVisible,
+  model: generateTypeDef(widget.model, extraDefsToDefine),
+});
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/defaultsConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/defaultsConfig.ts
new file mode 100644
index 000000000000..bfbddd28a996
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/defaultsConfig.ts
@@ -0,0 +1,63 @@
+import {
+  BlueprintOperationTypes,
+  type FlattenedWidgetProps,
+  type WidgetDefaultProps,
+} from "WidgetProvider/constants";
+import { LayoutSystemTypes } from "layoutSystems/types";
+import type { UpdatePropertyArgs } from "sagas/WidgetBlueprintSagas";
+import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
+import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
+
+import defaultApp from "../widget/defaultApp";
+import { COMPONENT_SIZE, DEFAULT_MODEL } from "../constants";
+
+export const defaultsConfig = {
+  widgetName: "Custom",
+  version: 1,
+  onResetClick: "{{showAlert('Successfully reset!!', '');}}",
+  events: ["onResetClick"],
+  elevatedBackground: false,
+  size: COMPONENT_SIZE.AUTO,
+  isVisible: true,
+  defaultModel: DEFAULT_MODEL,
+  srcDoc: defaultApp.srcDoc,
+  uncompiledSrcDoc: defaultApp.uncompiledSrcDoc,
+  dynamicTriggerPathList: [{ key: "onResetClick" }],
+  responsiveBehavior: ResponsiveBehavior.Fill,
+  blueprint: {
+    operations: [
+      {
+        type: BlueprintOperationTypes.MODIFY_PROPS,
+        fn: (
+          widget: FlattenedWidgetProps,
+          widgets: CanvasWidgetsReduxState,
+          _parent: FlattenedWidgetProps,
+          layoutSystemType: LayoutSystemTypes,
+        ) => {
+          if (layoutSystemType !== LayoutSystemTypes.ANVIL) return [];
+
+          const updates: UpdatePropertyArgs[] = [];
+          const parentId = widget.parentId;
+
+          if (parentId) {
+            const parentWidget = widgets[parentId];
+
+            // we want to proceed only if the parent is a zone widget and has no children
+            if (
+              parentWidget.children?.length === 0 &&
+              parentWidget.type === "ZONE_WIDGET"
+            ) {
+              updates.push({
+                widgetId: parentId,
+                propertyName: "elevatedBackground",
+                propertyValue: false,
+              });
+            }
+          }
+
+          return updates;
+        },
+      },
+    ],
+  },
+} as unknown as WidgetDefaultProps;
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/index.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/index.ts
new file mode 100644
index 000000000000..27d5d75485c1
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/index.ts
@@ -0,0 +1,6 @@
+export * from "./propertyPaneConfig";
+export { metaConfig } from "./metaConfig";
+export { anvilConfig } from "./anvilConfig";
+export { setterConfig } from "./setterConfig";
+export { defaultsConfig } from "./defaultsConfig";
+export { autocompleteConfig } from "./autocompleteConfig";
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/metaConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/metaConfig.ts
new file mode 100644
index 000000000000..a4f46c8aa962
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/metaConfig.ts
@@ -0,0 +1,17 @@
+import { isAirgapped } from "ee/utils/airgapHelpers";
+import { WIDGET_TAGS } from "constants/WidgetConstants";
+
+import IconSVG from "../icon.svg";
+import ThumbnailSVG from "../thumbnail.svg";
+
+export const metaConfig = {
+  name: "Custom",
+  iconSVG: IconSVG,
+  thumbnailSVG: ThumbnailSVG,
+  needsMeta: true,
+  isCanvas: false,
+  tags: [WIDGET_TAGS.DISPLAY],
+  searchTags: ["external"],
+  isSearchWildcard: true,
+  hideCard: isAirgapped(),
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/contentConfig.tsx b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/contentConfig.tsx
new file mode 100644
index 000000000000..8531cb034bb6
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/contentConfig.tsx
@@ -0,0 +1,162 @@
+import React from "react";
+import styled from "styled-components";
+import { Link } from "@appsmith/ads";
+import type { WidgetProps } from "widgets/BaseWidget";
+import { ValidationTypes } from "constants/WidgetValidation";
+import {
+  CUSTOM_WIDGET_DEFAULT_MODEL_DOC_URL,
+  CUSTOM_WIDGET_DOC_URL,
+} from "pages/Editor/CustomWidgetBuilder/constants";
+
+import type { CustomWidgetProps } from "../../types";
+
+const StyledLink = styled(Link)`
+  display: inline-block;
+  span {
+    font-size: 12px;
+  }
+`;
+
+export const propertyPaneContentConfig = [
+  {
+    sectionName: "Widget",
+    children: [
+      {
+        propertyName: "editSource",
+        label: "",
+        controlType: "CUSTOM_WIDGET_EDIT_BUTTON_CONTROL",
+        isJSConvertible: false,
+        isBindProperty: false,
+        isTriggerProperty: false,
+        dependencies: ["srcDoc", "events", "uncompiledSrcDoc"],
+        evaluatedDependencies: ["defaultModel", "theme"],
+        dynamicDependencies: (widget: WidgetProps) => widget.events,
+        helperText: (
+          <div className="leading-5" style={{ marginTop: "10px" }}>
+            The source editor lets you add your own HTML, CSS and JS.{" "}
+            <StyledLink
+              kind="secondary"
+              rel="noopener noreferrer"
+              target="_blank"
+              to={CUSTOM_WIDGET_DOC_URL}
+            >
+              Read more
+            </StyledLink>
+          </div>
+        ),
+      },
+    ],
+  },
+  {
+    sectionName: "Default Model",
+    children: [
+      {
+        propertyName: "defaultModel",
+        helperText: (
+          <div className="leading-5" style={{ marginTop: "10px" }}>
+            This model exposes Appsmith data to the widget editor.{" "}
+            <StyledLink
+              kind="secondary"
+              rel="noopener noreferrer"
+              target="_blank"
+              to={CUSTOM_WIDGET_DEFAULT_MODEL_DOC_URL}
+            >
+              Read more
+            </StyledLink>
+          </div>
+        ),
+        label: "",
+        controlType: "INPUT_TEXT",
+        defaultValue: "{}",
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: {
+          type: ValidationTypes.OBJECT,
+        },
+      },
+    ],
+  },
+  {
+    sectionName: "General",
+    children: [
+      {
+        propertyName: "isVisible",
+        label: "Visible",
+        helpText: "Controls the visibility of the widget",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+    ],
+  },
+  {
+    sectionName: "Events",
+    hasDynamicProperties: true,
+    generateDynamicProperties: (widgetProps: WidgetProps) => {
+      return widgetProps.events?.map((event: string) => ({
+        propertyName: event,
+        label: event,
+        controlType: "ACTION_SELECTOR",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: true,
+        controlConfig: {
+          allowEdit: true,
+          onEdit: (widget: CustomWidgetProps, newLabel: string) => {
+            const triggerPaths = [];
+            const updatedProperties = {
+              events: widget.events.map((e) => {
+                if (e === event) {
+                  return newLabel;
+                }
+
+                return e;
+              }),
+            };
+
+            if (
+              widget.dynamicTriggerPathList?.map((d) => d.key).includes(event)
+            ) {
+              triggerPaths.push(newLabel);
+            }
+
+            return {
+              modify: updatedProperties,
+              triggerPaths,
+            };
+          },
+          allowDelete: true,
+          onDelete: (widget: CustomWidgetProps) => {
+            return {
+              events: widget.events.filter((e) => e !== event),
+            };
+          },
+        },
+        dependencies: ["events", "dynamicTriggerPathList"],
+        helpText: "when the event is triggered from custom widget",
+      }));
+    },
+    children: [
+      {
+        propertyName: "generateEvents",
+        label: "",
+        controlType: "CUSTOM_WIDGET_ADD_EVENT_BUTTON_CONTROL",
+        isJSConvertible: false,
+        isBindProperty: false,
+        buttonLabel: "Add Event",
+        onAdd: (widget: CustomWidgetProps, event: string) => {
+          const events = widget.events;
+
+          return {
+            events: [...events, event],
+          };
+        },
+        isTriggerProperty: false,
+        dependencies: ["events"],
+        size: "md",
+      },
+    ],
+  },
+];
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/index.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/index.ts
new file mode 100644
index 000000000000..21b90e5f8fdf
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/index.ts
@@ -0,0 +1,2 @@
+export { propertyPaneStyleConfig } from "./styleConfig";
+export { propertyPaneContentConfig } from "./contentConfig";
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/styleConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/styleConfig.ts
new file mode 100644
index 000000000000..9078cd623bc2
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/propertyPaneConfig/styleConfig.ts
@@ -0,0 +1,36 @@
+import { objectKeys } from "@appsmith/utils";
+import startCase from "lodash/startCase";
+import capitalize from "lodash/capitalize";
+import { ValidationTypes } from "constants/WidgetValidation";
+import { COMPONENT_SIZE } from "../../constants";
+
+export const propertyPaneStyleConfig = [
+  {
+    sectionName: "General",
+    children: [
+      {
+        propertyName: "size",
+        label: "Height",
+        controlType: "DROP_DOWN",
+        fullWidth: true,
+        helpText: "Sets the height of the chat widget",
+        options: objectKeys(COMPONENT_SIZE).map((size) => ({
+          label: capitalize(
+            startCase(COMPONENT_SIZE[size as keyof typeof COMPONENT_SIZE]),
+          ),
+          value: COMPONENT_SIZE[size as keyof typeof COMPONENT_SIZE],
+        })),
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        isReusable: true,
+        validation: {
+          type: ValidationTypes.TEXT,
+          params: {
+            allowedValues: Object.values(COMPONENT_SIZE),
+          },
+        },
+      },
+    ],
+  },
+];
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/setterConfig.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/setterConfig.ts
new file mode 100644
index 000000000000..ab8086a961a0
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/config/setterConfig.ts
@@ -0,0 +1,8 @@
+export const setterConfig = {
+  __setters: {
+    setVisibility: {
+      path: "isVisible",
+      type: "boolean",
+    },
+  },
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/constants.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/constants.ts
new file mode 100644
index 000000000000..9841cbb10794
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/constants.ts
@@ -0,0 +1,14 @@
+// This file contains common constants which can be used across the widget configuration file (index.ts), widget and component folders.
+export const DEFAULT_MODEL = `{
+  "tips": [
+    "Pass data to this widget in the default model field",
+    "Access data in the javascript file using the appsmith.model variable",
+    "Create events in the widget and trigger them in the javascript file using appsmith.triggerEvent('eventName')",
+    "Access data in CSS as var(--appsmith-model-{property-name})"
+  ]
+}`;
+
+export const COMPONENT_SIZE = {
+  AUTO: "AUTO",
+  FIT_PAGE: "FIT_PAGE",
+} as const;
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/helpers/index.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/helpers/index.ts
new file mode 100644
index 000000000000..f1f157ab5697
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/helpers/index.ts
@@ -0,0 +1,8 @@
+export const getFitPageChatHeight = (
+  canvasHeight: number,
+  isEmbed: boolean,
+) => {
+  if (isEmbed) return `calc(${canvasHeight}px`;
+
+  return `calc(${canvasHeight}px - (var(--outer-spacing-4) * 2)`;
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/icon.svg b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/icon.svg
new file mode 100644
index 000000000000..b83148e53119
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#000" fill-rule="evenodd" d="M4.826 1.406a.875.875 0 0 0-1.234.004L1.413 3.59a.875.875 0 0 0 .004 1.241L4.44 7.816a.5.5 0 0 0 .703-.712L3.67 5.65l1.983-1.983a.516.516 0 0 0 .019-.02l1.477 1.458a.5.5 0 0 0 .703-.711L4.826 1.406Zm.135 1.54-.75-.741L2.21 4.208l.75.74L4.944 2.96a.5.5 0 0 1 .016-.015Zm6.609 5.466a.5.5 0 0 1 .706-.031l1.94 1.776c.18.165.284.4.284.645v2.236a.875.875 0 0 1-.875.875h-2.291a.875.875 0 0 1-.591-.23l-2.08-1.904a.5.5 0 0 1 .675-.738l2.044 1.872H13.5v-2.056l-1.9-1.739a.5.5 0 0 1-.03-.706Zm.308-5.047-2.573 2.43.453.454a.5.5 0 0 1-.707.707l-.473-.474-.817.772.641.642a.5.5 0 0 1-.707.707l-.662-.662-.597.564.391.391a.5.5 0 0 1-.707.707l-.41-.41-3.093 2.921 1.354 1.472 9.261-8.75-1.354-1.471Zm.303-1.147a.37.37 0 0 0-.526-.018l-10.17 9.607a.381.381 0 0 0-.018.534l2.2 2.391a.37.37 0 0 0 .527.018l10.17-9.607a.381.381 0 0 0 .018-.534l-2.2-2.39Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/index.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/index.ts
new file mode 100644
index 000000000000..66f79966dd5a
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/index.ts
@@ -0,0 +1 @@
+export { WDSCustomWidget } from "./widget";
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/thumbnail.svg b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/thumbnail.svg
new file mode 100644
index 000000000000..b241ea4499d9
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/thumbnail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="76" fill="none"><rect width="56" height="56" x="8" y="10" fill="#fff" rx="4"/><path stroke="#CC3D00" stroke-linecap="round" d="m34.994 28.902-9.941-10.07a1.154 1.154 0 0 0-1.643 0L16.8 25.53a1.154 1.154 0 0 0 0 1.621l9.845 9.974M26.907 20.762l-7.934 8.04"/><rect width="10.689" height="42.74" x="-.025" y=".711" fill="#FFEEE5" stroke="#CC3D00" rx=".654" transform="matrix(.67723 .73577 -.7269 .68675 48.591 19.602)"/><path stroke="#CC3D00" stroke-linecap="round" d="m37.266 30.604 3.055 3.095M32.34 34.895l4.88 4.944M28.496 38.99l3.894 3.943M46.205 39.065l6.622 6.71c.214.217.333.508.333.812V53.5c0 .638-.517 1.154-1.154 1.154h-6.284c-.309 0-.605-.123-.822-.343l-6.771-6.86"/></svg>
\ No newline at end of file
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/types.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/types.ts
new file mode 100644
index 000000000000..213238fe0049
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/types.ts
@@ -0,0 +1,5 @@
+import type { WidgetProps } from "widgets/BaseWidget";
+
+export interface CustomWidgetProps extends WidgetProps {
+  events: string[];
+}
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/defaultApp.ts b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/defaultApp.ts
new file mode 100644
index 000000000000..c938e584637e
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/defaultApp.ts
@@ -0,0 +1,191 @@
+import { CUSTOM_WIDGET_ONREADY_DOC_URL } from "pages/Editor/CustomWidgetBuilder/constants";
+
+export default {
+  uncompiledSrcDoc: {
+    html: `<!-- no need to write html, head, body tags, it is handled by the widget -->
+<div id="root"></div>
+`,
+    css: `.app {
+  justify-content: center;
+  border-radius: 0px;
+  border: none;
+
+  .ant-card-body {
+    padding: var(--appsmith-theme-outer-spacing-4) !important;
+  }
+  
+  .tip-container {
+    margin-bottom: 20px;
+
+    h2 {
+      margin-bottom: 20px;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    .tip-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: baseline;
+
+      div {
+        color: #999;
+      }
+    }
+  }
+	
+	.button-container {
+      text-align: right;
+
+      button {
+        margin: 0 10px;
+        border-radius: var(--appsmith-theme-border-radius-elevation-3) !important;
+
+        &.primary {
+          background: var(--appsmith-theme-color-bg-accent) !important;
+        }
+
+        &.reset:not([disabled]) {
+          color: var(--appsmith-theme-color-bg-accent) !important;
+          border-color: var(--appsmith-theme-color-bg-accent) !important;
+        }
+      }
+    }
+}
+`,
+    js: `import React from 'https://cdn.jsdelivr.net/npm/react@18.2.0/+esm'
+import reactDom from 'https://cdn.jsdelivr.net/npm/react-dom@18.2.0/+esm'
+import { Button, Card } from 'https://cdn.jsdelivr.net/npm/antd@5.11.1/+esm'
+import Markdown from 'https://cdn.jsdelivr.net/npm/react-markdown@9.0.1/+esm';
+
+function App() {
+	const [currentIndex, setCurrentIndex] = React.useState(0);
+
+	const handleNext = () => {
+		setCurrentIndex((prevIndex) => (prevIndex + 1) % appsmith.model.tips.length);
+	};
+
+	const handleReset = () => {
+		setCurrentIndex(0);
+		appsmith.triggerEvent("onResetClick");
+	};
+
+	return (
+		<Card className="app">
+			<div className="tip-container">
+				<div className="tip-header">
+					<h2>Custom Widget</h2>
+					<div>{currentIndex + 1} / {appsmith.model.tips.length}		</div>
+				</div>
+				<Markdown>{appsmith.model.tips[currentIndex]}</Markdown>
+			</div>
+			<div className="button-container">
+				<Button className="primary" onClick={handleNext} type="primary">Next Tip</Button>
+				<Button className="reset" disabled={currentIndex === 0} onClick={handleReset}>Reset</Button>
+			</div>
+	</Card>
+);
+}
+
+appsmith.onReady(() => {
+	/*
+	 * This handler function will get called when parent application is ready.
+	 * Initialize your component here
+	 * more info - ${CUSTOM_WIDGET_ONREADY_DOC_URL}
+	 */
+	reactDom.render(<App />, document.getElementById("root"));
+});`,
+  },
+  srcDoc: {
+    html: `<!-- no need to write html, head, body tags, it is handled by the widget -->
+<div id="root"></div>
+`,
+    css: `html, body {
+  background: transparent;
+}
+    
+.app {
+	justify-content: center;
+	border-radius: 0px;
+	border: none;
+  background: transparent;
+}
+
+.ant-card-body {
+  padding: var(--appsmith-theme-outer-spacing-4) !important;
+}
+
+.tip-container {
+  margin-bottom: 20px;
+}
+
+.tip-container h2 {
+  margin-bottom: 20px;
+	font-size: 16px;
+	font-weight: 700;
+}
+
+.tip-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: baseline;
+}
+
+.tip-header div {
+	color: #999;
+}
+
+.button-container {
+	text-align: right;	
+}
+
+.button-container button {
+  margin: 0 10px;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3) !important;
+}
+
+.button-container button.primary {
+	background: var(--appsmith-theme-color-bg-accent) !important;
+}
+
+.button-container button.reset:not([disabled]) {
+	color: var(--appsmith-theme-color-bg-accent) !important;
+	border-color: var(--appsmith-theme-color-bg-accent) !important;
+}`,
+    js: `import React from 'https://cdn.jsdelivr.net/npm/react@18.2.0/+esm';
+import reactDom from 'https://cdn.jsdelivr.net/npm/react-dom@18.2.0/+esm';
+import { Button, Card } from 'https://cdn.jsdelivr.net/npm/antd@5.11.1/+esm';
+import Markdown from 'https://cdn.jsdelivr.net/npm/react-markdown@9.0.1/+esm';
+
+function App() {
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const handleNext = () => {
+    setCurrentIndex(prevIndex => (prevIndex + 1) % appsmith.model.tips.length);
+  };
+  const handleReset = () => {
+    setCurrentIndex(0);
+    appsmith.triggerEvent("onResetClick");
+  };
+  return /*#__PURE__*/React.createElement(Card, {
+    className: "app",
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tip-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tip-header"
+  }, /*#__PURE__*/React.createElement("h2", null, "Custom Widget"), /*#__PURE__*/React.createElement("div", null, currentIndex + 1, " / ", appsmith.model.tips.length, "  ")), /*#__PURE__*/React.createElement(Markdown, null, appsmith.model.tips[currentIndex])), /*#__PURE__*/React.createElement("div", {
+    className: "button-container"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "primary",
+    onClick: handleNext,
+    type: "primary"
+  }, "Next Tip"), /*#__PURE__*/React.createElement(Button, {
+	className: "reset",
+	disabled: currentIndex === 0,
+    onClick: handleReset
+  }, "Reset")));
+}
+appsmith.onReady(() => {
+  reactDom.render( /*#__PURE__*/React.createElement(App, null), document.getElementById("root"));
+});`,
+  },
+};
diff --git a/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/index.tsx b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/index.tsx
new file mode 100644
index 000000000000..944eab509488
--- /dev/null
+++ b/app/client/src/modules/ui-builder/ui/wds/WDSCustomWidget/widget/index.tsx
@@ -0,0 +1,127 @@
+import React from "react";
+
+import BaseWidget from "widgets/BaseWidget";
+import AnalyticsUtil from "ee/utils/AnalyticsUtil";
+import type { WidgetState } from "widgets/BaseWidget";
+import type { SetterConfig } from "entities/AppTheming";
+import type { AnvilConfig } from "WidgetProvider/constants";
+import type { DerivedPropertiesMap } from "WidgetProvider/factory";
+import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
+
+import * as config from "../config";
+import { CustomComponent } from "../component";
+import type { CustomWidgetProps } from "../types";
+import { Elevations } from "../../constants";
+import { ContainerComponent } from "../../Container";
+
+export class WDSCustomWidget extends BaseWidget<
+  CustomWidgetProps,
+  WidgetState
+> {
+  static type = "WDS_CUSTOM_WIDGET";
+
+  static getConfig() {
+    return config.metaConfig;
+  }
+
+  static getDefaults() {
+    return config.defaultsConfig;
+  }
+
+  static getAutocompleteDefinitions() {
+    return config.autocompleteConfig;
+  }
+
+  static getSetterConfig(): SetterConfig {
+    return config.setterConfig;
+  }
+
+  static getPropertyPaneContentConfig() {
+    return config.propertyPaneContentConfig;
+  }
+
+  static getPropertyPaneStyleConfig() {
+    return config.propertyPaneStyleConfig;
+  }
+
+  static getDerivedPropertiesMap(): DerivedPropertiesMap {
+    return {};
+  }
+
+  static getDefaultPropertiesMap(): Record<string, string> {
+    return {
+      model: "defaultModel",
+    };
+  }
+
+  static getMetaPropertiesMap() {
+    return {
+      model: undefined,
+    };
+  }
+
+  execute = (eventName: string, contextObj: Record<string, unknown>) => {
+    if (this.props.hasOwnProperty(eventName)) {
+      const eventString = this.props[eventName];
+
+      super.executeAction({
+        triggerPropertyName: eventName,
+        dynamicString: eventString,
+        event: {
+          type: EventType.CUSTOM_WIDGET_EVENT,
+        },
+        globalContext: contextObj,
+      });
+
+      AnalyticsUtil.logEvent("CUSTOM_WIDGET_API_TRIGGER_EVENT", {
+        widgetId: this.props.widgetId,
+        eventName,
+      });
+    }
+  };
+
+  update = (data: Record<string, unknown>) => {
+    this.props.updateWidgetMetaProperty("model", {
+      ...this.props.model,
+      ...data,
+    });
+
+    AnalyticsUtil.logEvent("CUSTOM_WIDGET_API_UPDATE_MODEL", {
+      widgetId: this.props.widgetId,
+    });
+  };
+
+  getRenderMode = () => {
+    switch (this.props.renderMode) {
+      case "CANVAS":
+        return "EDITOR";
+      default:
+        return "DEPLOYED";
+    }
+  };
+
+  static getAnvilConfig(): AnvilConfig | null {
+    return config.anvilConfig;
+  }
+
+  getWidgetView() {
+    return (
+      <ContainerComponent
+        elevatedBackground
+        elevation={Elevations.CARD_ELEVATION}
+        noPadding
+        widgetId={this.props.widgetId}
+      >
+        <CustomComponent
+          execute={this.execute}
+          model={this.props.model || {}}
+          renderMode={this.getRenderMode()}
+          size={this.props.size}
+          srcDoc={this.props.srcDoc}
+          update={this.update}
+          widgetId={this.props.widgetId}
+        />
+      </ContainerComponent>
+    );
+  }
+}
diff --git a/app/client/src/modules/ui-builder/ui/wds/constants.ts b/app/client/src/modules/ui-builder/ui/wds/constants.ts
index 9452b5af8e30..6d5d01726e30 100644
--- a/app/client/src/modules/ui-builder/ui/wds/constants.ts
+++ b/app/client/src/modules/ui-builder/ui/wds/constants.ts
@@ -62,7 +62,7 @@ export const WDS_V2_WIDGET_MAP = {
   WDS_SELECT_WIDGET: "WDS_SELECT_WIDGET",
   WDS_COMBOBOX_WIDGET: "WDS_COMBOBOX_WIDGET",
   WDS_DATEPICKER_WIDGET: "WDS_DATEPICKER_WIDGET",
-
+  WDS_CUSTOM_WIDGET: "WDS_CUSTOM_WIDGET",
   // Anvil layout widgets
   ZONE_WIDGET: anvilWidgets.ZONE_WIDGET,
 
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/index.ts b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/index.ts
new file mode 100644
index 000000000000..8174339fada1
--- /dev/null
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/index.ts
@@ -0,0 +1,5 @@
+import vanillaJs from "./vanillaJs";
+import react from "./react";
+import vue from "./vue";
+
+export default [vanillaJs, react, vue];
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/react.ts b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/react.ts
new file mode 100644
index 000000000000..fd23b09ff6d3
--- /dev/null
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/react.ts
@@ -0,0 +1,95 @@
+import { CUSTOM_WIDGET_FEATURE, createMessage } from "ee/constants/messages";
+import { CUSTOM_WIDGET_ONREADY_DOC_URL } from "pages/Editor/CustomWidgetBuilder/constants";
+
+export default {
+  key: createMessage(CUSTOM_WIDGET_FEATURE.templateKey.react),
+  uncompiledSrcDoc: {
+    html: `<!-- no need to write html, head, body tags, it is handled by the widget -->
+<div id="root"></div>
+`,
+    css: `.app {
+	justify-content: center;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+}
+
+.tip-container {
+  margin-bottom: 20px;
+}
+
+.tip-container h2 {
+  margin-bottom: 20px;
+	font-size: 16px;
+	font-weight: 700;
+}
+
+.tip-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: baseline;
+}
+
+.tip-header div {
+	color: #999;
+}
+
+.button-container {
+	text-align: right;
+}
+
+.button-container button {
+  margin: 0 10px;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+}
+
+.button-container button.primary {
+	background: var(--appsmith-theme-color-bg-accent) !important;
+}
+
+.button-container button.reset {
+	color: var(--appsmith-theme-color-bg-accent) !important;
+	border-color: var(--appsmith-theme-color-bg-accent) !important;
+}`,
+    js: `import React from 'https://cdn.jsdelivr.net/npm/react@18.2.0/+esm'
+import reactDom from 'https://cdn.jsdelivr.net/npm/react-dom@18.2.0/+esm'
+import { Button, Card } from 'https://cdn.jsdelivr.net/npm/antd@5.11.1/+esm'
+import Markdown from 'https://cdn.jsdelivr.net/npm/react-markdown@9.0.1/+esm'
+
+function App() {
+	const [currentIndex, setCurrentIndex] = React.useState(0);
+
+	const handleNext = () => {
+		setCurrentIndex((prevIndex) => (prevIndex + 1) % appsmith.model.tips.length);
+	};
+
+	const handleReset = () => {
+		setCurrentIndex(0);
+		appsmith.triggerEvent("onReset");
+	};
+
+	return (
+		<Card className="app">
+			<div className="tip-container">
+				<div className="tip-header">
+					<h2>Custom Widget</h2>
+					<div>{currentIndex + 1} / {appsmith.model.tips.length}		</div>
+				</div>
+				<Markdown>{appsmith.model.tips[currentIndex]}</Markdown>
+			</div>
+			<div className="button-container">
+				<Button className="primary" onClick={handleNext} type="primary">Next Tip</Button>
+				<Button onClick={handleReset}>Reset</Button>
+			</div>
+	</Card>
+);
+}
+
+appsmith.onReady(() => {
+	/*
+	 * This handler function will get called when parent application is ready.
+	 * Initialize your component here
+	 * more info - ${CUSTOM_WIDGET_ONREADY_DOC_URL}
+	 */
+	reactDom.render(<App />, document.getElementById("root"));
+});`,
+  },
+};
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vanillaJs.ts b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vanillaJs.ts
new file mode 100644
index 000000000000..1e25ecaa5ef5
--- /dev/null
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vanillaJs.ts
@@ -0,0 +1,123 @@
+import { CUSTOM_WIDGET_FEATURE, createMessage } from "ee/constants/messages";
+import { CUSTOM_WIDGET_ONREADY_DOC_URL } from "pages/Editor/CustomWidgetBuilder/constants";
+
+export default {
+  key: createMessage(CUSTOM_WIDGET_FEATURE.templateKey.vanillaJs),
+  uncompiledSrcDoc: {
+    html: `<div class="app">
+	<div class="tip-container">
+		<div class="tip-header">
+			<h2>Custom Widget</h2>
+			<div id="index"></div>
+		</div>
+		<div id="tip"></div>
+	</div>
+	<div class="button-container">
+		<button id="next">Next Tip</button>
+		<button id="reset">Reset</button>
+	</div>
+</div>`,
+    css: `.app {
+	justify-content: center;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+	padding: 29px 25px;
+	box-sizing: border-box;
+	font-family: system-ui;
+	background: #fff;
+}
+
+.tip-container {
+  margin-bottom: 20px;
+	font-size: 14px;
+	line-height: 1.571429;
+}
+
+.tip-container h2 {
+  margin-bottom: 20px;
+	font-size: 16px;
+	font-weight: 700;
+}
+
+.tip-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: baseline;
+	margin-bottom: 9px;
+}
+
+.tip-header div {
+	color: #999;
+}
+
+.button-container {
+	text-align: right;
+	padding-top: 4px;
+}
+
+.button-container button {
+  margin: 0 10px;
+	cursor: pointer;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+	padding: 6px 16px;
+	background: none;
+}
+
+.button-container button#next {
+	background: var(--appsmith-theme-color-bg-accent) !important;
+	color: #fff;
+	border:1px solid var(--appsmith-theme-color-bg-accent) !important;
+}
+
+.button-container button#reset {
+	border: 1px solid #999;
+	color: #999;
+	outline: none;
+	box-shadow: none;
+}
+
+.button-container button#reset:hover:not(:disabled) {
+	color: var(--appsmith-theme-color-bg-accent);
+	border-color: var(--appsmith-theme-color-bg-accent);
+}
+
+.button-container button#reset:disabled {
+	cursor: default;
+}`,
+    js: `function initApp() {
+	const index = document.getElementById("index");
+	const tip = document.getElementById("tip");
+	const next = document.getElementById("next");
+	const reset = document.getElementById("reset");
+
+	let currentIndex = 0;
+
+	const updateDom = () => {
+		tip.innerHTML = appsmith.model.tips[currentIndex];
+		index.innerHTML = (currentIndex + 1) + " / " + appsmith.model.tips.length;
+		reset.disabled = currentIndex === 0;
+	};
+
+	next.addEventListener("click", () => {
+		currentIndex = (currentIndex + 1) % appsmith.model.tips.length;
+		updateDom();
+	});
+
+	reset.addEventListener("click", () => {
+		currentIndex = 0;
+		updateDom();
+		appsmith.triggerEvent("onReset");
+	});
+
+	updateDom();
+}
+
+appsmith.onReady(() => {
+	/*
+	 * This handler function will get called when parent application is ready.
+	 * Initialize your component here
+	 * more info - ${CUSTOM_WIDGET_ONREADY_DOC_URL}
+	 */
+	initApp();
+});`,
+  },
+};
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vue.ts b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vue.ts
new file mode 100644
index 000000000000..50cbfea96ba7
--- /dev/null
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/Templates/anvilTemplates/vue.ts
@@ -0,0 +1,113 @@
+import { CUSTOM_WIDGET_FEATURE, createMessage } from "ee/constants/messages";
+import { CUSTOM_WIDGET_ONREADY_DOC_URL } from "pages/Editor/CustomWidgetBuilder/constants";
+
+export default {
+  key: createMessage(CUSTOM_WIDGET_FEATURE.templateKey.vue),
+  uncompiledSrcDoc: {
+    html: `<div id="app">
+	<div class="tip-container">
+		<div class="tip-header">
+			<h2>Custom Widget</h2>
+			<div id="index">{{ currentIndex + 1 }} / {{ tips.length }}</div>
+		</div>
+		<div id="tip">{{ tips[currentIndex] }}</div>
+	</div>
+	<div class="button-container">
+		<button @click="next" id="next">Next Tip</button>
+		<button @click="reset" id="reset">Reset</button>
+	</div>
+</div>
+<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.min.js"></script>`,
+    css: `#app {
+	justify-content: center;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+	padding: 29px 25px;
+	box-sizing: border-box;
+	font-family: system-ui;
+	background: #fff;
+}
+
+.tip-container {
+  margin-bottom: 20px;
+	font-size: 14px;
+  line-height: 1.571429;
+}
+
+.tip-container h2 {
+  margin-bottom: 20px;
+	font-size: 16px;
+	font-weight: 700;
+}
+
+.tip-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: baseline;
+	margin-bottom: 9px;
+}
+
+.tip-header div {
+	color: #999;
+}
+
+.button-container {
+	text-align: right;
+	padding-top: 4px;
+}
+
+.button-container button {
+  margin: 0 10px;
+	cursor: pointer;
+	border-radius: var(--appsmith-theme-border-radius-elevation-3);
+	padding: 6px 16px;
+	background: none;
+}
+
+.button-container button#next {
+	background: var(--appsmith-theme-color-bg-accent) !important;
+	color: #fff;
+	border:1px solid var(--appsmith-theme-color-bg-accent) !important;
+}
+
+.button-container button#reset {
+	border: 1px solid #999;
+	color: #999;
+	outline: none;
+	box-shadow: none;
+}
+
+.button-container button#reset:hover:not(:disabled) {
+	color: var(--appsmith-theme-color-bg-accent);
+	border-color: var(--appsmith-theme-color-bg-accent);
+}
+
+.button-container button#reset:disabled {
+	cursor: default;
+}`,
+    js: `appsmith.onReady(() => {
+  /*
+	 * This handler function will get called when parent application is ready.
+	 * Initialize your component here
+	 * more info - ${CUSTOM_WIDGET_ONREADY_DOC_URL}
+	 */
+	new Vue({
+		el: "#app",
+		data() {
+			return {
+				currentIndex: 0,
+				tips: appsmith.model.tips,
+			};
+		},
+		methods: {
+			next() {
+				this.currentIndex = (this.currentIndex + 1) % this.tips.length;
+			},
+			reset() {
+				this.currentIndex = 0;
+				appsmith.triggerEvent("onReset");
+			},
+		},
+	});
+});`,
+  },
+};
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/index.tsx b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/index.tsx
index 0fda263bf298..0d074465111b 100644
--- a/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/index.tsx
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Editor/Header/CodeTemplates/index.tsx
@@ -13,13 +13,16 @@ import {
   Text,
 } from "@appsmith/ads";
 import React, { useContext, useState } from "react";
-import codeTemplates from "./Templates";
+import fixedLayoutTemplates from "./Templates";
+import anvilTemplates from "./Templates/anvilTemplates";
 import { CustomWidgetBuilderContext } from "pages/Editor/CustomWidgetBuilder";
 import styles from "../styles.module.css";
 import type { SrcDoc } from "pages/Editor/CustomWidgetBuilder/types";
 import styled from "styled-components";
 import { CUSTOM_WIDGET_FEATURE, createMessage } from "ee/constants/messages";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
+import { useSelector } from "react-redux";
+import { getIsAnvilLayout } from "layoutSystems/anvil/integrations/selectors";
 
 const StyledButton = styled(Button)`
   height: 32px !important;
@@ -76,6 +79,8 @@ export function CodeTemplates() {
 
   const [selectedTemplate, setSelectedTemplate] = useState<SrcDoc | null>(null);
   const [selectedTemplateName, setSelectedTemplateName] = useState("");
+  const isAnvilLayout = useSelector(getIsAnvilLayout);
+  const codeTemplates = isAnvilLayout ? anvilTemplates : fixedLayoutTemplates;
 
   return (
     <div className={styles.templateMenu}>
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/index.tsx b/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/index.tsx
index 6a120df32aac..1e3ed60f352e 100644
--- a/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/index.tsx
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/index.tsx
@@ -1,13 +1,26 @@
 import React, { useContext, useEffect, useRef, useState } from "react";
-import CustomComponent from "widgets/CustomWidget/component";
+import FixedLayoutCustomComponent from "widgets/CustomWidget/component";
+import { CustomComponent as AnvilLayoutCustomComponent } from "modules/ui-builder/ui/wds/WDSCustomWidget/component";
 import { CustomWidgetBuilderContext } from "../index";
 import { toast } from "@appsmith/ads";
 import Debugger from "./Debugger";
 import { CUSTOM_WIDGET_FEATURE, createMessage } from "ee/constants/messages";
 import type { AppThemeProperties } from "entities/AppTheming";
 import { DynamicHeight } from "utils/WidgetFeatures";
+import { getIsAnvilLayout } from "layoutSystems/anvil/integrations/selectors";
+import { useSelector } from "react-redux";
+import { ThemeProvider, useTheme } from "@appsmith/wds-theming";
+import { getAppThemeSettings } from "ee/selectors/applicationSelectors";
 
-export default function Preview({ width }: { width: number }) {
+import styles from "./styles.module.css";
+
+export default function Preview({
+  className,
+  width,
+}: {
+  className?: string;
+  width: number;
+}) {
   const {
     key,
     model,
@@ -17,6 +30,16 @@ export default function Preview({ width }: { width: number }) {
     updateModel,
     widgetId,
   } = useContext(CustomWidgetBuilderContext);
+  const isAnvilLayout = useSelector(getIsAnvilLayout);
+  const themeSetting = useSelector(getAppThemeSettings);
+  const wdsThemeProps = {
+    borderRadius: themeSetting.borderRadius,
+    seedColor: themeSetting.accentColor,
+    colorMode: themeSetting.colorMode.toLowerCase(),
+    userSizing: themeSetting.sizing,
+    userDensity: themeSetting.density,
+  } as Parameters<typeof useTheme>[0];
+  const { theme: anvilTheme } = useTheme(isAnvilLayout ? wdsThemeProps : {});
 
   const [dimensions, setDimensions] = useState({
     width: 300,
@@ -67,30 +90,58 @@ export default function Preview({ width }: { width: number }) {
     }
   }, [width, containerRef.current?.clientWidth]);
 
-  return (
-    <div ref={containerRef}>
-      <CustomComponent
-        dynamicHeight={DynamicHeight.FIXED}
-        execute={(name, contextObject) => {
-          toast.show(
-            `${createMessage(
-              CUSTOM_WIDGET_FEATURE.preview.eventFired,
-            )} ${name}`,
-            { kind: "success" },
-          );
+  const execute = (name: string, contextObject: unknown) => {
+    toast.show(
+      `${createMessage(CUSTOM_WIDGET_FEATURE.preview.eventFired)} ${name}`,
+      { kind: "success" },
+    );
 
-          updateDebuggerLogs?.({
-            type: "info",
-            args: [
-              {
-                message: `${createMessage(
-                  CUSTOM_WIDGET_FEATURE.preview.eventFired,
-                )} '${name}'`,
-              },
-              { message: contextObject },
-            ],
-          });
-        }}
+    updateDebuggerLogs?.({
+      type: "info",
+      args: [
+        {
+          message: `${createMessage(
+            CUSTOM_WIDGET_FEATURE.preview.eventFired,
+          )} '${name}'`,
+        },
+        { message: contextObject },
+      ],
+    });
+  };
+
+  const update = (data: Record<string, unknown>) => {
+    updateModel?.(data);
+
+    const message = createMessage(CUSTOM_WIDGET_FEATURE.preview.modelUpdated);
+
+    toast.show(message, { kind: "success" });
+
+    updateDebuggerLogs?.({
+      type: "info",
+      args: [{ message }, { message: data }],
+    });
+  };
+
+  const customComponent = () => {
+    if (isAnvilLayout) {
+      return (
+        <ThemeProvider className={styles.themeProvider} theme={anvilTheme}>
+          <AnvilLayoutCustomComponent
+            execute={execute}
+            model={model || {}}
+            renderMode="BUILDER"
+            srcDoc={srcDoc || { html: "", js: "", css: "" }}
+            update={update}
+            widgetId={widgetId || ""}
+          />
+        </ThemeProvider>
+      );
+    }
+
+    return (
+      <FixedLayoutCustomComponent
+        dynamicHeight={DynamicHeight.FIXED}
+        execute={execute}
         height={dimensions.height}
         key={key}
         minDynamicHeight={0}
@@ -104,23 +155,16 @@ export default function Preview({ width }: { width: number }) {
         renderMode="BUILDER"
         srcDoc={srcDoc || { html: "", js: "", css: "" }}
         theme={theme as AppThemeProperties}
-        update={(data) => {
-          updateModel?.(data);
-
-          const message = createMessage(
-            CUSTOM_WIDGET_FEATURE.preview.modelUpdated,
-          );
-
-          toast.show(message, { kind: "success" });
-
-          updateDebuggerLogs?.({
-            type: "info",
-            args: [{ message }, { message: data }],
-          });
-        }}
+        update={update}
         widgetId={widgetId || ""}
         width={dimensions.width}
       />
+    );
+  };
+
+  return (
+    <div className={className} ref={containerRef} style={{ height: "100%" }}>
+      {customComponent()}
       <Debugger />
     </div>
   );
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/styles.module.css b/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/styles.module.css
index e69de29bb2d1..1d042c9afee6 100644
--- a/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/styles.module.css
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/Preview/styles.module.css
@@ -0,0 +1,4 @@
+.themeProvider {
+  height: 100%;
+  background-color: transparent;
+}
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/index.tsx b/app/client/src/pages/Editor/CustomWidgetBuilder/index.tsx
index cb3b72a46188..78b37a70948f 100644
--- a/app/client/src/pages/Editor/CustomWidgetBuilder/index.tsx
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/index.tsx
@@ -31,14 +31,6 @@ const ResizerHandler = styled.div<{ resizing: boolean }>`
   }
 `;
 
-const Overlay = styled.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-`;
-
 const EDITOR_WIDTH_KEY = "CUSTOM_WIDGET_BUILDER_EDITOR_WIDTH";
 
 export default function CustomWidgetBuilder() {
@@ -83,8 +75,7 @@ export default function CustomWidgetBuilder() {
       ) : (
         <div className={styles.content}>
           <div className={styles.contentLeft} ref={previewRef}>
-            {resizing && <Overlay />}
-            <Preview width={editorWidth} />
+            <Preview className={styles.preview} width={editorWidth} />
           </div>
           <div
             className={`w-2 h-full -ml-2 group  cursor-ew-resize ${tailwindLayers.resizer}`}
@@ -96,6 +87,7 @@ export default function CustomWidgetBuilder() {
               className={classNames({
                 "transform transition": true,
               })}
+              data-resizing={resizing ? "" : undefined}
               resizing={resizing}
             />
           </div>
diff --git a/app/client/src/pages/Editor/CustomWidgetBuilder/styles.module.css b/app/client/src/pages/Editor/CustomWidgetBuilder/styles.module.css
index 2f89c78da4a1..321f0ca6ce59 100644
--- a/app/client/src/pages/Editor/CustomWidgetBuilder/styles.module.css
+++ b/app/client/src/pages/Editor/CustomWidgetBuilder/styles.module.css
@@ -58,3 +58,8 @@
   position: relative;
   min-width: 300px;
 }
+
+/** when resizing, we don't want the preview to be interactive, otherwise it messes up the resizing interaction */
+.content:has([data-resizing]) .preview {
+  pointer-events: none;
+}
diff --git a/app/client/src/utils/CustomWidgetBuilderService.ts b/app/client/src/utils/CustomWidgetBuilderService.ts
index 691d452a7eb8..55bbac571770 100644
--- a/app/client/src/utils/CustomWidgetBuilderService.ts
+++ b/app/client/src/utils/CustomWidgetBuilderService.ts
@@ -6,10 +6,10 @@ export class Builder {
   handleMessageBound = this.handleMessage.bind(this);
 
   constructor() {
-    this.builderWindow = window.open(
-      `${window.location.pathname}/builder`,
-      "_blank",
-    );
+    // when we add new widget, we add a /add to the url , so before opening the builder, we need to remove it
+    const path = window.location.pathname.replace(/\/add$/, "");
+
+    this.builderWindow = window.open(`${path}/builder`, "_blank");
 
     window?.addEventListener("message", this.handleMessageBound);
   }
diff --git a/app/client/src/widgets/index.ts b/app/client/src/widgets/index.ts
index c9e25d732745..40c11b294100 100644
--- a/app/client/src/widgets/index.ts
+++ b/app/client/src/widgets/index.ts
@@ -87,6 +87,7 @@ import { WDSPasswordInputWidget } from "modules/ui-builder/ui/wds/WDSPasswordInp
 import { WDSNumberInputWidget } from "modules/ui-builder/ui/wds/WDSNumberInputWidget";
 import { WDSMultilineInputWidget } from "modules/ui-builder/ui/wds/WDSMultilineInputWidget";
 import { WDSSelectWidget } from "modules/ui-builder/ui/wds/WDSSelectWidget";
+import { WDSCustomWidget } from "modules/ui-builder/ui/wds/WDSCustomWidget";
 import { EEWDSWidgets } from "ee/modules/ui-builder/ui/wds";
 import { WDSDatePickerWidget } from "modules/ui-builder/ui/wds/WDSDatePickerWidget";
 
@@ -187,6 +188,7 @@ const WDSWidgets = [
   WDSMultilineInputWidget,
   WDSSelectWidget,
   WDSDatePickerWidget,
+  WDSCustomWidget,
 ];
 
 const Widgets = [
diff --git a/app/client/src/workers/Evaluation/__tests__/evaluation.test.ts b/app/client/src/workers/Evaluation/__tests__/evaluation.test.ts
index dd25e57bb1e9..ad1a2936e742 100644
--- a/app/client/src/workers/Evaluation/__tests__/evaluation.test.ts
+++ b/app/client/src/workers/Evaluation/__tests__/evaluation.test.ts
@@ -18,6 +18,7 @@ import WidgetFactory from "WidgetProvider/factory";
 import { generateDataTreeWidget } from "entities/DataTree/dataTreeWidget";
 import { sortObjectWithArray } from "../../../utils/treeUtils";
 import klona from "klona";
+
 import { APP_MODE } from "entities/App";
 
 const klonaFullSpy = jest.fn();
@@ -31,6 +32,17 @@ jest.mock("klona/full", () => ({
     return klona.klona(arg);
   },
 }));
+const klonaJsonSpy = jest.fn();
+
+jest.mock("klona/json", () => ({
+  // TODO: Fix this the next time the file is edited
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  klona: (arg: any) => {
+    klonaJsonSpy(arg);
+
+    return klona.klona(arg);
+  },
+}));
 
 export const WIDGET_CONFIG_MAP: WidgetTypeConfigMap = {
   CONTAINER_WIDGET: {
@@ -581,7 +593,8 @@ describe("DataTreeEvaluator", () => {
     );
     evaluator.evalAndValidateFirstTree();
     // Hard check to not regress on the number of clone operations. Try to improve this number.
-    expect(klonaFullSpy).toBeCalledTimes(41);
+    expect(klonaFullSpy).toBeCalledTimes(40);
+    expect(klonaJsonSpy).toBeCalledTimes(3);
   });
 
   it("Evaluates a binding in first run", () => {
@@ -1102,6 +1115,7 @@ describe("DataTreeEvaluator", () => {
       unEvalUpdates,
     );
     // Hard check to not regress on the number of clone operations. Try to improve this number.
-    expect(klonaFullSpy).toBeCalledTimes(7);
+    expect(klonaFullSpy).toBeCalledTimes(6);
+    expect(klonaJsonSpy).toBeCalledTimes(2);
   });
 });
diff --git a/app/client/src/workers/common/DataTreeEvaluator/index.ts b/app/client/src/workers/common/DataTreeEvaluator/index.ts
index d874741e483b..095d9bd25798 100644
--- a/app/client/src/workers/common/DataTreeEvaluator/index.ts
+++ b/app/client/src/workers/common/DataTreeEvaluator/index.ts
@@ -1059,7 +1059,7 @@ export default class DataTreeEvaluator {
     staleMetaIds: string[];
     contextTree: DataTree;
   } {
-    const safeTree = klona(unEvalTree);
+    const safeTree = klonaJSON(unEvalTree);
     const dataStore = DataStore.getDataStore();
     const dataStoreClone = klonaJSON(dataStore);
 
diff --git a/app/client/yarn.lock b/app/client/yarn.lock
index 312a597084f5..e321f8154988 100644
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@@ -159,6 +159,7 @@ __metadata:
     react-syntax-highlighter: ^15.5.0
     react-transition-group: ^4.4.5
     remark-gfm: ^4.0.0
+    usehooks-ts: "*"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
   languageName: unknown
@@ -33469,7 +33470,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"usehooks-ts@npm:^3.1.0":
+"usehooks-ts@npm:*, usehooks-ts@npm:^3.1.0":
   version: 3.1.0
   resolution: "usehooks-ts@npm:3.1.0"
   dependencies:
diff --git a/deploy/docker/fs/opt/appsmith/pg-utils.sh b/deploy/docker/fs/opt/appsmith/pg-utils.sh
index 4bb5dec16fff..51d568a0ceab 100755
--- a/deploy/docker/fs/opt/appsmith/pg-utils.sh
+++ b/deploy/docker/fs/opt/appsmith/pg-utils.sh
@@ -18,9 +18,14 @@ waitForPostgresAvailability() {
     MAX_RETRIES=50
     RETRYSECONDS=10
     retry_count=0
-    local unix_socket_directory=$(get_unix_socket_directory "$POSTGRES_DB_PATH")
+    local host_proxy
+    if [[ "$PG_DB_HOST" == "localhost" || "$PG_DB_HOST" == "127.0.0.1" ]]; then
+      host_proxy=$(get_unix_socket_directory)
+    else
+      host_proxy=$PG_DB_HOST
+    fi
     while true; do
-      su postgres -c "pg_isready -h $unix_socket_directory -p '${PG_DB_PORT}'"
+      su postgres -c "pg_isready -h $host_proxy -p '${PG_DB_PORT}'"
       status=$?
 
       case $status in
diff --git a/scripts/generate_info_json.sh b/scripts/generate_info_json.sh
index 73767c47e453..a598c6855c3d 100755
--- a/scripts/generate_info_json.sh
+++ b/scripts/generate_info_json.sh
@@ -8,7 +8,15 @@ commit_sha="$(git rev-parse HEAD)"
 # Base URL of the current repository on GitHub.
 base_url="$(git remote get-url origin | sed 's,^git@github\.com:,https://github.com/,; s/\.git$//')"
 
-if [[ "${GITHUB_REF-}" =~ ^refs/tags/v ]]; then
+if [[ $# -gt 0 ]]; then
+  input_version="$1"
+  if [[ "$input_version" =~ ^v[0-9]+(\.[0-9]+){1,2}$ ]]; then
+    version="$input_version"
+  else
+    echo "Invalid version format. Use v[major].[minor] or v[major].[minor].[patch]." >&2
+    exit 1
+  fi
+elif [[ "${GITHUB_REF-}" =~ ^refs/tags/v ]]; then
   version="${GITHUB_REF#refs/tags/}"
 else
   latest_released_version="$(git ls-remote --tags --sort=-v:refname "$(git remote | head -1)" 'v*' | awk -F/ '{print $NF; exit}')"
@@ -31,3 +39,8 @@ jq -n \
   --arg imageBuiltAt "$(date -u -Iseconds)" \
   --argjson isCI "${CI:-false}" \
   '$ARGS.named' | tee "$(git rev-parse --show-toplevel)/deploy/docker/fs/opt/appsmith/info.json"
+
+# Usage 
+# ./scripts/generate_info_json.sh v0.0.1
+# ./scripts/generate_info_json.sh v0.1
+# ./scripts/generate_info_json.sh
\ No newline at end of file