Web/cleanup/empty state better slot handling

[kensternberg-authentik]

web: move optional textual information out of attributes and into slots

What

Replaces instances of:

<ak-empty-state header=${msg(...)}></ak-empty-state>

with

<ak-empty-state><span slot="header">${msg(...)}</span></ak-empty-state>

Why

1. It’s correct.
2. It lets us elide the decorations for any slots we aren’t using.
3. It’s preparation for moving to Patternfly 5
4. It annoyed me.

How

Since we already have Patternfly Elements installed, we have access to the PFE-Core, which has the unbelievable useful SlotsController. Using it, I created a conditional render template that will only put in the header, body, and primary slots if there is something in the lightDOM requesting those slots. The conditional template will still put the spinner in if the header is not provided but the loading state is true.

I then had to edit all the places where this is used. For about 30 of them, this script sufficed:

perl -pi.bak -e 's/header="?(\$\{msg\([^)]+\)\})"?>/><span slot="header">\1<\/span>/' \
     $(rg -l `<ak-empty-state[^>]header')

The other six had to be done by hand. I have tested a handful of the automatic ones, and all of the ones that were edited manually. I’m pleasantly surprised that the textual rules are inherited by the slots as expected.

• The code has been formatted (make web)

[netlify]

✅ Deploy Preview for authentik-docs ready!

Name	Link
🔨 Latest commit	8766c80
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/681a304bba777c00089085e5
😎 Deploy Preview	https://deploy-preview-14289--authentik-docs.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-storybook ready!

Name	Link
🔨 Latest commit	8766c80
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/681a304b7aedb20008eb531a
😎 Deploy Preview	https://deploy-preview-14289--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.

[kensternberg-authentik]

This way, we don't fill the space with empty elements, and Lit knows not to track them.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.70%. Comparing base (be9ae7d) to head (8766c80).
Report is 415 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #14289   +/-   ##
=======================================
  Coverage   92.70%   92.70%           
=======================================
  Files         809      809           
  Lines       41533    41533           
=======================================
  Hits        38505    38505           
  Misses       3028     3028           

Flag	Coverage Δ
e2e	47.77% <ø> (ø)
integration	24.39% <ø> (ø)
unit	90.57% <ø> (ø)

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.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[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-8766c80c8199933f3dee6e95a84a601ddbb71492
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-8766c80c8199933f3dee6e95a84a601ddbb71492

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