feat: land CE-safe Anvil revival changes ahead of EE sync (appsmith-ee#9229) (#41933)

## Description

Ports the **CE-safe subset** of the EE "revive Anvil" PR
(appsmith-ee#9229) into CE so the hourly CE→EE sync carries these
shared-file changes upstream and the EE PR merges with fewer conflicts.

> [!TIP]
> **TL;DR:** All changes are gated behind Anvil feature flags or are
inert-by-default. Existing classic (FIXED/AUTO) UI is unaffected. This
is a sync-enablement change, not a user-facing feature toggle.

**Highlights:**
- **Widget loader registry split:** new `widgets/registry.ts` (SCC-free
loader registry) populated via an `import "widgets"` side effect at
bootstrap (`src/index.tsx`, eval worker, `test/testCommon.ts`).
`EvaluationsSaga` and `EditorUtils` now resolve loaders from
`widgets/registry`. The four EE-only WDS widget loaders are
intentionally omitted from `widgets/index.ts`.
- **Feature flags (additive, matches the EE PR as-is):** keep
`release_anvil_enabled`, add `license_anvil_enabled` to
`ce/entities/FeatureFlag.ts` and `FeatureFlagEnum.java`.
- **Applications/Anvil wiring:** app-card-list wiring
(`ce/pages/Applications`), `layoutSystemType` plumbing through
`WorkspaceAction`/`ApplicationSagas`, `Severity.DEBUG` revival,
`BindDataButton` `WDS_TABLE_WIDGET` case, and assorted shared-file
changes applied byte-identical to EE for a clean sync.

**Scope note:** EE-path files (`app/client/src/ee/**`) cannot be
modified in a CE PR (enforced by the pre-push hook), so the new `ee/`
stubs/mirrors and the five shared files that depend on them
(`AppViewer`, `AppPage`, `Canvas`, `WDSThemePropertyPane`,
`ApplicationCard`) are **not** included here. Those already exist in the
EE PR; the CE-side `ee/` stubs arrive via the CE↔EE sync.

**Also intentionally not ported:** design-system
`Markdown.tsx`/`types.ts` (CE's Markdown is structurally divergent),
`ee/widgets/wds/constants.ts` (EE-owned), and
`cypress_ci_custom.config.ts` (divergent CI tuning).

**Verification:** client `check-types`, ESLint, Prettier, and server
`spotless:check` all pass on the included files.

Related: appsmith-ee#9229

> [!NOTE]
> No standalone CE issue — this PR exists to keep the CE↔EE shared-file
sync clean ahead of the EE Anvil revival merge.

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/28452962986>
> Commit: e3c729b
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=28452962986&attempt=3"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Wed, 01 Jul 2026 14:51:09 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **New Features**
* Added support for Anvil apps in the Applications page, including a new
section label, empty state, and create-new-app flow.
* Expanded widget support so more WDS widgets appear in the editor and
can be bound more consistently.
  * Added a new debug severity display in the console and debugger.

* **Bug Fixes**
* Improved feature-flag handling so selected flags can be merged without
losing other existing flags.
* Updated layout handling so Anvil-specific behavior is only shown when
the required flags are enabled.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: salevine

app/client/cypress/support/Objects/FeatureFlags.ts

@@ -11,26 +11,50 @@ const defaultFlags = {
 export const featureFlagIntercept = (
   flags: Record<string, boolean> = {},
   reload = true,
+  // When true, the requested flags are OVERLAID on the real feature flags from the
+  // backend instead of REPLACING them. The replace behavior drops every flag the test
+  // didn't list — including editor-infrastructure flags (e.g. release_app_sidebar_enabled)
+  // that the IDE needs to render at all. Tests that open the full editor (Anvil/AI) must
+  // preserve those, or the editor never mounts (.t--sidebar-Editor never appears).
+  preserveOtherFlags = false,
 ) => {
-  getConsolidatedDataApi({ ...flags, ...defaultFlags }, false);
-  const response = {
-    responseMeta: {
-      status: 200,
-      success: true,
-    },
-    data: {
-      ...flags,
-      ...defaultFlags,
-    },
-    errorDisplay: "",
-  };
-  cy.intercept("GET", "/api/v1/users/features", response);
+  getConsolidatedDataApi(
+    { ...flags, ...defaultFlags },
+    false,
+    preserveOtherFlags,
+  );
+  if (preserveOtherFlags) {
+    cy.intercept("GET", "/api/v1/users/features", (req) => {
+      req.reply((res: any) => {
+        const original = res?.body?.data ?? {};
+        res.send({
+          responseMeta: { status: 200, success: true },
+          data: { ...original, ...flags, ...defaultFlags },
+          errorDisplay: "",
+        });
+      });
+    });
+  } else {
+    const response = {
+      responseMeta: {
+        status: 200,
+        success: true,
+      },
+      data: {
+        ...flags,
+        ...defaultFlags,
+      },
+      errorDisplay: "",
+    };
+    cy.intercept("GET", "/api/v1/users/features", response);
+  }
   if (reload) ObjectsRegistry.AggregateHelper.CypressReload();
 };
 
 export const getConsolidatedDataApi = (
   flags: Record<string, boolean> = {},
   reload = true,
+  preserveOtherFlags = false,
 ) => {
   cy.intercept("GET", "/api/v1/consolidated-api/*?*", (req) => {
     delete req.headers["if-none-match"];
@@ -43,7 +67,9 @@ export const getConsolidatedDataApi = (
         const originalResponse = res?.body;
         try {
           const updatedResponse = JSON.parse(JSON.stringify(originalResponse));
-          updatedResponse.data.featureFlags.data = { ...flags };
+          updatedResponse.data.featureFlags.data = preserveOtherFlags
+            ? { ...updatedResponse.data.featureFlags.data, ...flags }
+            : { ...flags };
           return res.send(updatedResponse);
         } catch (e) {
           cy.log(`Featureflags.ts error `, e);

app/client/src/PluginActionEditor/components/PluginActionResponse/components/BindDataButton.tsx

@@ -160,8 +160,9 @@ function getWidgetProps(
         parentRowSpace: 10,
       };
     case "TABLE_WIDGET_V2":
+    case "WDS_TABLE_WIDGET":
       return {
-        type: "TABLE_WIDGET_V2",
+        type: suggestedWidget.type,
         props: {
           [fieldName]: `{{${actionName}.${suggestedWidget.bindingQuery}}}`,
           dynamicBindingPathList: [{ key: "tableData" }],
@@ -276,11 +277,16 @@ function BindDataButton(props: BindDataButtonProps) {
   const isAnvilLayout = useSelector(getIsAnvilLayout);
   // The purpose of this filter is to make sure that if Anvil is enabled
   // only those widgets which have an alternative in Anvil are listed
-  // for selection for adding a new suggested widget
+  // for selection for adding a new suggested widget. A suggestion survives
+  // the filter if it is a legacy type with a WDS counterpart (a map key,
+  // e.g. TABLE_WIDGET_V2) or already a WDS type (a map value, e.g.
+  // WDS_TABLE_WIDGET).
   const filteredSuggestedWidgets =
     isAnvilLayout && suggestedWidgets
-      ? suggestedWidgets.filter((each) =>
-          Object.keys(WDS_V2_WIDGET_MAP).includes(each.type),
+      ? suggestedWidgets.filter(
+          (each) =>
+            Object.keys(WDS_V2_WIDGET_MAP).includes(each.type) ||
+            Object.values(WDS_V2_WIDGET_MAP).includes(each.type),
         )
       : suggestedWidgets;
 

app/client/src/ce/constants/messages.ts

@@ -219,6 +219,10 @@ export const FIXED_APPLICATIONS = () => `Classic Applications`;
 export const AI_AGENTS_APPLICATIONS = () => `AI Agents`;
 export const AI_APPLICATION_CARD_LIST_ZERO_STATE = () =>
   `There are no AI Agents in this workspace.`;
+export const ANVIL_APPLICATIONS = () => `Anvil apps`;
+export const ANVIL_APPLICATION_CARD_LIST_ZERO_STATE = () =>
+  `There are no Anvil apps in this workspace yet.`;
+export const NEW_ANVIL_APP = () => `Anvil app`;
 export const AI_AGENT_AUTH_SUBTITLE = () =>
   `Sign up with any Google account.\n Support for email will be available soon.`;
 

app/client/src/ce/entities/FeatureFlag.ts

@@ -17,6 +17,7 @@ export const FEATURE_FLAG = {
     "release_show_publish_app_to_community_enabled",
   license_gac_enabled: "license_gac_enabled",
   release_anvil_enabled: "release_anvil_enabled",
+  license_anvil_enabled: "license_anvil_enabled",
   license_ai_agent_enabled: "license_ai_agent_enabled",
   license_git_branch_protection_enabled:
     "license_git_branch_protection_enabled",
@@ -87,6 +88,7 @@ export const DEFAULT_FEATURE_FLAG_VALUE: FeatureFlags = {
   release_show_publish_app_to_community_enabled: false,
   license_gac_enabled: false,
   release_anvil_enabled: false,
+  license_anvil_enabled: false,
   license_ai_agent_enabled: false,
   release_drag_drop_building_blocks_enabled: false,
   license_git_branch_protection_enabled: false,

app/client/src/ce/pages/Applications/WorkspaceAction.tsx

@@ -17,6 +17,7 @@ import {
   createMessage,
 } from "ee/constants/messages";
 import type { Workspace } from "ee/constants/workspaceConstants";
+import type { LayoutSystemTypes } from "layoutSystems/types";
 import { getIsCreatingApplicationByWorkspaceId } from "ee/selectors/applicationSelectors";
 import { getIsFetchingApplications } from "ee/selectors/selectedWorkspaceSelectors";
 import { hasCreateNewAppPermission } from "ee/utils/permissionHelpers";
@@ -27,7 +28,10 @@ export interface WorkspaceActionProps {
   isMobile: boolean;
   enableImportExport: boolean;
   workspaceId: string;
-  onCreateNewApplication: (workspaceId: string) => void;
+  onCreateNewApplication: (
+    workspaceId: string,
+    layoutSystemType?: LayoutSystemTypes,
+  ) => void;
   onStartFromTemplate: (workspaceId: string) => void;
   setSelectedWorkspaceIdForImportApplication: (workspaceId?: string) => void;
 }

app/client/src/ce/pages/Applications/index.tsx

@@ -10,6 +10,8 @@ import type { UpdateApplicationPayload } from "ee/api/ApplicationApi";
 import {
   AI_AGENTS_APPLICATIONS,
   AI_APPLICATION_CARD_LIST_ZERO_STATE,
+  ANVIL_APPLICATIONS,
+  ANVIL_APPLICATION_CARD_LIST_ZERO_STATE,
   APPLICATIONS,
   CREATE_A_NEW_WORKSPACE,
   createMessage,
@@ -22,6 +24,7 @@ import {
   getIsAiAgentFlowEnabled,
   getIsAiAgentInstanceEnabled,
 } from "ee/selectors/aiAgentSelectors";
+import { getIsAnvilLayoutEnabled } from "layoutSystems/anvil/integrations/selectors";
 import type { ApplicationPayload } from "entities/Application";
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import { createWorkspaceSubmitHandler } from "ee/pages/workspace/helpers";
@@ -709,6 +712,7 @@ export function ApplicationsSection(props: any) {
   const creatingApplicationMap = useSelector(getIsCreatingApplication);
   const isAiAgentFlowEnabled = useSelector(getIsAiAgentFlowEnabled);
   const isAiAgentInstanceEnabled = useSelector(getIsAiAgentInstanceEnabled);
+  const isAnvilEnabled = useSelector(getIsAnvilLayoutEnabled);
   const currentUser = useSelector(getCurrentUser);
   const isMobile = useIsMobileDevice();
   const urlParams = new URLSearchParams(location.search);
@@ -832,6 +836,7 @@ export function ApplicationsSection(props: any) {
   const createNewApplication = (
     applicationName: string,
     workspaceId: string,
+    layoutSystemType?: LayoutSystemTypes,
   ) => {
     const color = getRandomPaletteColor(theme.colors.appCardColors);
     const icon =
@@ -844,6 +849,7 @@ export function ApplicationsSection(props: any) {
         workspaceId,
         icon,
         color,
+        layoutSystemType,
       },
     });
   };
@@ -918,7 +924,10 @@ export function ApplicationsSection(props: any) {
       isManageEnvironmentEnabled &&
       hasManageWorkspaceEnvironmentPermission(activeWorkspace.userPermissions);
 
-    const onClickAddNewAppButton = (workspaceId: string) => {
+    const onClickAddNewAppButton = (
+      workspaceId: string,
+      layoutSystemType?: LayoutSystemTypes,
+    ) => {
       if (
         Object.entries(creatingApplicationMap).length === 0 ||
         (creatingApplicationMap && !creatingApplicationMap[workspaceId])
@@ -931,6 +940,7 @@ export function ApplicationsSection(props: any) {
             applications.map((el: any) => el.name),
           ),
           workspaceId,
+          layoutSystemType,
         );
       }
     };
@@ -1073,15 +1083,15 @@ export function ApplicationsSection(props: any) {
                   workspaceId={activeWorkspace.id}
                 />
               )}
-              {isAiAgentFlowEnabled && (
+              {(isAiAgentFlowEnabled || isAnvilEnabled) && (
                 <ApplicationCardList
                   applications={anvilApplications}
                   canInviteToWorkspace={canInviteToWorkspace}
                   deleteApplication={deleteApplication}
                   emptyStateMessage={
                     isAiAgentFlowEnabled
                       ? createMessage(AI_APPLICATION_CARD_LIST_ZERO_STATE)
-                      : undefined
+                      : createMessage(ANVIL_APPLICATION_CARD_LIST_ZERO_STATE)
                   }
                   enableImportExport={enableImportExport}
                   hasCreateNewApplicationPermission={
@@ -1090,7 +1100,11 @@ export function ApplicationsSection(props: any) {
                   hasManageWorkspacePermissions={hasManageWorkspacePermissions}
                   isMobile={isMobile}
                   onClickAddNewButton={onClickAddNewAppButton}
-                  title={createMessage(AI_AGENTS_APPLICATIONS)}
+                  title={createMessage(
+                    isAiAgentFlowEnabled
+                      ? AI_AGENTS_APPLICATIONS
+                      : ANVIL_APPLICATIONS,
+                  )}
                   titleTag={PreviewTag}
                   updateApplicationDispatch={updateApplicationDispatch}
                   workspaceId={activeWorkspace.id}

app/client/src/ce/sagas/ApplicationSagas.tsx

@@ -648,6 +648,7 @@ export function* createApplicationSaga(
     icon: IconNames;
     color: AppColorCode;
     workspaceId: string;
+    layoutSystemType?: LayoutSystemTypes;
     // TODO: Fix this the next time the file is edited
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolve: any;
@@ -656,7 +657,14 @@ export function* createApplicationSaga(
     reject: any;
   }>,
 ) {
-  const { applicationName, color, icon, reject, workspaceId } = action.payload;
+  const {
+    applicationName,
+    color,
+    icon,
+    layoutSystemType,
+    reject,
+    workspaceId,
+  } = action.payload;
 
   try {
     const applications: Workspace[] = yield select(getApplicationsOfWorkspace);
@@ -683,7 +691,8 @@ export function* createApplicationSaga(
         icon: icon,
         color: color,
         workspaceId,
-        layoutSystemType: LayoutSystemTypes.FIXED, // Note: This may be provided as an action payload in the future
+        // Defaults to FIXED; callers (e.g. the Anvil create option) may request ANVIL.
+        layoutSystemType: layoutSystemType ?? LayoutSystemTypes.FIXED,
       };
 
       const response: CreateApplicationResponse = yield call(

app/client/src/components/editorComponents/Debugger/helpers.tsx

@@ -52,6 +52,7 @@ export function BlankState(props: {
 }
 
 export const SeverityIcon: Record<Severity, string> = {
+  [Severity.DEBUG]: "bug-line",
   [Severity.INFO]: "success",
   [Severity.ERROR]: "close-circle",
   [Severity.WARNING]: "warning",

app/client/src/entities/AppsmithConsole/index.ts

@@ -35,8 +35,9 @@ export interface LogObject {
 export type ErrorType = PropertyEvaluationErrorType | PLATFORM_ERROR;
 
 export enum Severity {
-  // Everything, irrespective of what the user should see or not
-  // DEBUG = "debug",
+  // Verbose diagnostic detail; only surfaced when debug logging is enabled.
+  // Revived for Anvil level-based logging (REC-12); additive, opt-in.
+  DEBUG = "debug",
   // Something the dev user should probably know about
   INFO = "info",
   // Doesn't break the app, but can cause slowdowns / ux issues/ unexpected behaviour

app/client/src/index.tsx

@@ -2,6 +2,10 @@
 import "./preload-route-chunks";
 // Initialise eval worker instance
 import "utils/workerInstances";
+// Populate the widget loader registry (side effect of importing the barrel).
+// Consumers (EvaluationsSaga, EditorUtils) read loaders from `widgets/registry`,
+// so this import is what registers them on the main thread.
+import "widgets";
 
 import React from "react";
 import "./wdyr";