web: replace handmade list in Admin Overview with generator, storybook generator, fix storybook, fix bug in list's parent component

[kensternberg-authentik]

web: update storybook, storybook a few things, fix a few things

Details

After examining how people like Adobe and Salesforce do things, I have updated the storybook configuration to provide run-time configuration of light/dark mode (although right now nothing happens), inject the correct styling into the page, and update the preview handling so that we can see the components better. We’ll see how this pans out.

I have provided stories for the AggregateCard, AggregatePromiseCard, and a new QuickActionsCard. I also fixed a bug in AggregatePromiseCard where it would fail to report a fetch error. It will only report that “the operation falied,” but it will give the full error into the console.

As an experiment, I have changed the interpreter for lint:precommit and build:watch to use Bun instead of NodeJS. We have observed significant speed-ups and much better memory management with Bun for these two operations. Those are both developer-facing operations, the behavior of the system undur current CI/CD should not change.

And finally, I’ve switched the QuickActionsCard view in Admin-Overview to use the new component. Looks the same. Reads way easier. :-)

• The code has been formatted (make web)

If applicable

• The documentation has been updated
• The documentation has been formatted (make website)

[netlify]

✅ Deploy Preview for authentik-storybook ready!

Name	Link
🔨 Latest commit	ac41a91
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/664e2600515551000818bb6b
😎 Deploy Preview	https://deploy-preview-9726--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 ready!

Name	Link
🔨 Latest commit	ac41a91
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/664e260015e22600083fbf73
😎 Deploy Preview	https://deploy-preview-9726--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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.62%. Comparing base (347746c) to head (ac41a91).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9726      +/-   ##
==========================================
- Coverage   92.63%   92.62%   -0.01%     
==========================================
  Files         710      710              
  Lines       34706    34706              
==========================================
- Hits        32151    32148       -3     
- Misses       2555     2558       +3     

Flag	Coverage Δ
e2e	49.66% <ø> (-0.01%)	⬇️
integration	25.51% <ø> (ø)
unit	90.08% <ø> (-0.01%)	⬇️

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.

[kensternberg-authentik]

Scripted so we can run it against Bun, if we like.

[kensternberg-authentik]

This and the next (red) block are what I started out to do!

[kensternberg-authentik]

The Lit and Open-WC "best practices" guidelines state that boolean values should never be true by default; since "isCenter" was the default behavior (see lines 26-34 immediately below) and was true by default, I've re-arranged the logic so that it's now, well, the default behavior, and "left-justified" in the component's attributes will disable that default behavior.

Only one aggregate card ever uses the left-justified form anyway, and it's, yes, QuickActionsCard.

[kensternberg-authentik]

We weren't checking for if the promise ever failed. Now we are.

[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-ghcr.io/goauthentik/dev-server:gh-ac41a91ff9945df63183c3df20d3334b222bab22
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

For arm64, use these values:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-ghcr.io/goauthentik/dev-server:gh-ac41a91ff9945df63183c3df20d3334b222bab22-arm64
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
image:
    repository: ghcr.io/goauthentik/dev-server
    tag: gh-ghcr.io/goauthentik/dev-server:gh-ac41a91ff9945df63183c3df20d3334b222bab22

For arm64, use these values:

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

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

[kensternberg-authentik]

ESlint had never been run against this file. It complained that the "relative locations" had a poor syntax, so, now they don't.

[BeryJu]

we should probably either keep the node commands and add equivalents with bun and update the docs to say that bun is required for frontend (in that case we should probably switch everything to bun though)