Web: update Application Wizard button placement

[kensternberg-authentik]

web: Make using the wizard the default for new applications

What

1. I removed the “Wizard Hint” bar and migrated the “Create With Wizard” button down to the default position as “Create With Provider,” moving the “Create” button to a secondary position. Primary coloring has been kept for both.

2. Added an alert to the “Create” legacy dialog:

Using this form will only create an Application. In order to authenticate with the application, you will have to manually pair it with a Provider.

3. Updated the subtitle on the Wizard dialog:

-    wizardDescription = msg("Create a new application");
+    wizardDescription = msg("Create a new application and configure a provider for it.");

4. Updated the User page so that, if the User is-a Administrator and the number of Applications in the system is zero, the user will be invited to create a new Application using the Wizard rather than the legacy Form:

     renderNewAppButton() {
         const href = paramURL("/core/applications", {
-            createForm: true,
+            createWizard: true,
         });

5. Fixed a bug where, on initial render, if the this.brand field was not available, an error would appear in the console. The effects were usually harmless, as brand information came quickly and filled in before the user could notice, but it looked bad in the debugger.

6. Fixed a bug in testing where the wizard page “Configure Policy Bindings” had been changed to “Configure Policy/User/Group Binding”.

Testing

Since the wizard OUID didn’t change (data-ouia-component-id="start-application-wizard"), the E2E tests for “Application Wizard” completed without any substantial changes to the routine or to the tests.

npm run test:e2e:watch -- --spec ./tests/specs/new-application-by-wizard.ts

User documentation changes required.

These changes were made at the request of docs, as an initial draft to show how the page looks with the Application Wizard as he default tool for creating new Applications.

Developer documentation changes required.

None.

• The code has been formatted (make web)
• The documentation has been updated

[netlify]

✅ Deploy Preview for authentik-storybook ready!

Name	Link
🔨 Latest commit	8c5d384
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/67916fd9bb0e620008dab597
😎 Deploy Preview	https://deploy-preview-12771--authentik-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for authentik-docs canceled.

Name	Link
🔨 Latest commit	8c5d384
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/67916fd96a663500084103fd

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.71%. Comparing base (3253de7) to head (8c5d384).
Report is 1 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12771      +/-   ##
==========================================
- Coverage   92.77%   92.71%   -0.06%     
==========================================
  Files         769      769              
  Lines       38909    38909              
==========================================
- Hits        36098    36075      -23     
- Misses       2811     2834      +23     

Flag	Coverage Δ
e2e	48.53% <ø> (-0.09%)	⬇️
integration	24.62% <ø> (ø)
unit	90.40% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

authentik PR Installation instructions

Instructions for docker-compose

Add the following block to your .env file:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-8c5d3843f6477baf0b380d7b5ecf2f7a786c100b
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

Afterwards, run the upgrade commands from the latest release notes.

Instructions for Kubernetes

Add the following block to your values.yml file:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-8c5d3843f6477baf0b380d7b5ecf2f7a786c100b

Afterwards, run the upgrade commands from the latest release notes.