@scalio-cloud/ui 0.25.0 → 0.25.1

package/README.md

@@ -335,13 +335,14 @@ see `fonts/licenses/`. Icons in `react/icons.js`: Lucide, ISC license, see `lice
 
 ## Release
 
-1. Change the files, add a file `changelog.d/<name>.md` (never edit `CHANGELOG.md` directly), bump `version` in `package.json` (semver; tag without `v`).
+1. Change the files and bump `version` in `package.json` (semver; tag without `v`).
 2. Merge to `main`, then release it: in the Scalio Dev cockpit (row Scalio UI, "Freigeben" with the version) or
    in GitHub (Actions -> publish -> Run workflow on main, or create the tag/release yourself). The `publish`
    workflow tests and publishes that version to npmjs.com via trusted publishing (no token; npm org
    `scalio-cloud`, trusted publisher Scalio-Cloud / scalio-ui / publish.yml) and, when started by hand or from
-   the cockpit, creates the tag and GitHub release with the CHANGELOG lines. Before merging the version bump, run
-   `python3 tools/changelog.py release <version>` to move `changelog.d/` into `CHANGELOG.md`.
+   the cockpit, creates the tag and GitHub release with the CHANGELOG lines. The changelog lives in scalio-docs
+   `changelog/scalio-ui/` (ADR 0066): every change adds a file `changelog.d/<name>.md` there, and before the release a
+   docs PR runs `python3 tools/changelog.py --repo scalio-ui release <version>`.
 3. Apps update with `yarn upgrade @scalio-cloud/ui@<version>` in their own PR.
 
 `npm test` checks: light/dark variables match, the preset only uses defined variables, all font files exist,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalio-cloud/ui",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "description": "Scalio Control Room design tokens, Tailwind preset, self-hosted fonts, the shared app header, sign-in layout, sidebar and page blocks",
   "license": "SEE LICENSE IN README.md",
   "private": false,

package/CHANGELOG.md

@@ -1,266 +0,0 @@
-# Changelog
-
-## 0.25.0
-Rollen, Microsoft Entra und eigene Rollen in allen Apps angleichen (scalio-docs `concepts/app-roles.md`, `roles/R1`–`R6`).
-- New `RoleAdmin` for Konten und Rollen → Rollen: table «welche Rolle darf was» (permissions as rows, grouped; roles as
-  columns with number of accounts and a license mark), built-in roles read-only, own roles with checkboxes, «Rolle
-  anlegen» (empty or with the permissions of another role), copy, rename, delete (the app refuses roles that are still
-  given). A row «Nur für Administratoren» shows what only the administrator may do.
-- `rolesApi(api, {base, permissions})` for the shared role API of scalio-platform 0.3.0 `roles_router`
-  (`GET /roles/permissions`, `GET/POST /roles`, `PATCH/DELETE /roles/{id}`; Nexus passes `permissions: "/permissions"`).
-  Texts of permissions and roles may be strings or `{de, en}`.
-- New `RoleSourceSettings` for Konten und Rollen → Microsoft Entra: role source (this app or Entra app roles), the
-  Entra values, optional tenant IDs, confirmation before switching to Entra.
-- Styles `.scalio-roles*` in nav.css. No token changes, nothing changes until an app uses the new components.
-- `UserAdmin` (follow-up to 0.23.0, built then but not released): badge «Eingeladen» for open invitations (`invited`
-  on an account, `invite_only` for a row that is only an invitation; such a row offers only «Einladung zurückziehen»,
-  which calls `DELETE /users/{id}`); when the invitation mail could not be sent, the app returns `invite_link` and
-  `UserAdmin` shows the link once; badges below the address, actions wrap, last sign-in only on wide screens,
-  disabled fields greyed.
-
-## 0.24.0
-Einrichtungsassistent als Standard für alle Apps (scalio-docs ADR 0060, contract `interfaces/setup-wizard.md`).
-- New `SetupWizard`: the first-step dialog of Nexus and Kontor as a shared shell. Steps come as configuration
-  (`id`, `label`, `title`, `description`, `content`, `onNext`, `canNext`, `optional`); stepper on top, «Schritt n von
-  m», Zurück/Weiter, «Überspringen» for optional steps, errors of `onNext` keep the step open, short success message
-  at the end. Without `onClose` it cannot be closed; `wide` for steps with tables. Texts DE/EN in `labels.wizard`.
-- `setupWizardApi(api, {base})` for `GET/PUT /api/setup/wizard` (reads snake_case and camelCase), `useSetupWizard()`
-  (loads the state, opens once by itself at the saved step while the setup is needed, saves each step, completes),
-  `openSetupWizard()` and `SetupWizardButton` for Einstellungen.
-- Styles `.scalio-wizard*` in nav.css. No token changes, nothing changes until an app uses the wizard.
-
-## 0.23.0
-Benutzerverwaltung in allen Apps angleichen (scalio-docs ADR 0059, `users/B1`–`B6`, contract `interfaces/app-users.md`).
-- New `UserAdmin` for Konten und Rollen → Benutzer, the same in every app: list with search and badges (Microsoft,
-  Passwort, Rolle aus Entra, Notfall-Administrator, Gesperrt, Wartet auf Freigabe), «Benutzer hinzufügen» (Microsoft,
-  Passwort with a start password shown once, or invitation by e-mail), «Bearbeiten» (name and e-mail only for accounts
-  without Microsoft, role, access, lock, emergency administrator) with the actions new start password, remove password,
-  reset second factor, unlink Microsoft and delete; waiting accounts: role, access, «Freischalten», «Zusammenführen».
-  The app passes roles and an optional access column/field (customers, organisation).
-- `usersApi(api, {base})` for the shared routes (`/users`, Nexus `/admins`), reads snake_case and camelCase.
-- `MicrosoftConnection` for the profile section «Verknüpfungen» (link or unlink one's own Microsoft account).
-- New icons `Pencil`, `Link2`; modal dialog styles (`.scalio-dialog*`). No token changes, nothing changes until an app
-  uses the new components.
-
-## 0.22.0
-Login, Navigation und Banner vereinheitlichen (scalio-docs UISPEC section 3, ADR 0042 Nachtrag 2026-11-01).
-- **Notice in the look of the test mode banner:** thin frame in the tone, 3px bar on the left, tinted background,
-  icon in the tone, text in the normal text colour (also for errors). Colours: red = `error` (Fehler), orange = `warn`
-  (wichtig), green = `ok` (gute Meldung), blue = `info` (Aktion). New aliases `important`, `success`, `action`
-  (`noticeKind`). Banners keep the full frame; stacked banners share one line. Dark mode has its own tones.
-- `SelfTestBanner` is now a `Notice` banner (kind warn) and takes an optional `action` (e.g. link to «Tests»).
-- **Behaviour change:** `normalizeTheme()` returns `system` when nothing (or something unknown) is stored, so every
-  app starts like the device on the first visit and on the login page (before: `light`).
-- New `initialLang(stored, navLang)` / `browserLang()`: stored choice wins, otherwise German for a German browser and
-  English for everything else, the same in every app.
-- **Visible change:** every `Notice` gets the new frame and colours (info notices turn from Klein blue to a lighter
-  blue, error text is no longer red, only bar and icon). No token changes.
-
-## 0.21.0
-Testmodus (scalio-docs ADR 0053, package scalio-selftest).
-- `SelfTestPanel` for the page «Tests»: last runs with verdict, scope, source, version and counts; details per
-  section; «Neu fehlgeschlagen» and «Wieder in Ordnung» since the run before; «Jetzt ausführen» and «Abbrechen» with
-  live progress; schedule (scope and hour of the nightly run). `selftestApi(api)` maps the routes `/e2e/*`.
-- `SelfTestBanner`: hint «Testmodus (SAFE)» while the test mode is on.
-- CSS in `nav.css` (`.scalio-selftest*`).
-- **Visible change:** only in apps that show the new page. No token changes.
-
-## 0.20.0
-Scalio Ideen (ADR 0050): feature requests from the apps, votes and comments, kept centrally in Compass.
-- `supportApi(api, { ideas: true })` adds the routes of scalio-connect 0.8.0 (`ideas_router`). The support drawer then
-  gets a third tab «Ideen»: ideas of this app (most votes, newest, done), vote and take back, «Meine», idea page with
-  the answer from Scalio and comments, and «Idee vorschlagen» with similar ideas shown while typing.
-- With ideas on, the ticket category «Wunsch» leaves the ticket form. A self-hosted installation without a connection
-  shows a link to the public page (`<portal>/ideen`), also in the link-only support view.
-- New export `IdeasPanel`; CSS in `nav.css` (`.scalio-idea-*`, `.scalio-ideas*`).
-- **Visible change:** only in apps that pass `{ ideas: true }`. No token changes.
-
-## 0.19.0
-Settings card "Scalio Beacon" for the apps (Beacon phase 3, scalio-docs `concepts/beacon-suite.md`).
-- `BeaconConnection` with `peersApi(api)`: pair the installation with a Beacon instance (address + one-time code from
-  Beacon), show the pairing (address, version, last contact, queue), test it and disconnect. Routes from
-  scalio-connect 0.8.0 (`scalio_connect.peers.web.admin_router`).
-- Labels `beacon*` in German and English.
-- **Visible change:** none until an app shows the card. No token changes.
-
-## 0.18.1
-Page actions after Markus' feedback (2026-10-31, UISPEC section 2 "Page actions"). 0.18.0 was released before these
-changes were merged; apps use 0.18.1.
-- The slot is shown only when a page has actions and pushes the menu down; no reserved room, no separator line.
-- 0.25rem above the buttons, 0.875rem from the last button to the next section heading (half the usual gap).
-- Only Übersicht (first item of a first section without heading) is pinned; further items of that section stay in
-  the menu (Pulse: Geräte).
-- Buttons in the slot: same height (2.25rem), one line, long labels end with "…". Labels without "Neu" (README).
-- **Visible change:** only in apps that set `pageActions`. No token changes.
-
-## 0.18.0
-Page actions in the sidebar, first version (Markus 2026-10-31, reference Scalio Kontor; scalio-docs ADR 0042 Nachtrag).
-- New `react/actions.js`: `PageActions` puts a page's actions (Neu …, Import, Zurück) into a fixed slot in the
-  sidebar right below Übersicht from 768px; on phones they stay in the page header. `ActionSlot`, `useDesktop()`.
-- `Sidebar` gets `pageActions`: Übersicht pinned on top, then the slot (room for two buttons, line below), then the
-  sections. `shell.css`: an empty `.scalio-page-actions` is hidden. `react-dom` is an optional peer dependency.
-- **Visible change:** none until an app sets `pageActions`. No token changes.
-
-## 0.17.0
-Scalio Pulse is built (scalio-docs ADR 0043, P1 started 2026-10-31).
-- Product switcher: "Pulse" is no longer marked "bald"; it behaves like the other apps (link from `SCALIO_APP_LINKS`).
-- `manualUrl("pulse")`: docs.scaliopulse.com / devdocs.scaliopulse.com.
-- **Visible change:** after the upgrade, Pulse in the switcher loses the "bald" badge and is greyed out until the
-  instance has a link for it. No token changes.
-
-## 0.16.0
-Same profile page in every app, reference Scalio Nexus (Markus 2026-10-31, scalio-docs ADR 0042 Nachtrag).
-- New `react/profile.js`: `ProfileIdentity` (letters, name, email · role), `ThemeChoice` (Hell, Dunkel, System as
-  option cards), `LanguageChoice` (flags, `fixed` for an instance-wide language), `TimezoneChoice` (searchable
-  list, "Automatisch" = browser), `PasswordChange` (current, new, confirm; mismatch check, error from the API).
-- Helpers: `setUserTimezone`, `currentTz`, `browserTz`, `listTimezones`, `tzOffset` (apps format dates with
-  `currentTz()`), `applyTheme(mode)` / `resolveTheme` / `normalizeTheme` for light, dark and system.
-- Icons `Globe`, `Clock`; labels `profile_` (DE/EN). Default security hint now names authenticator app and passkeys.
-- **Visible change:** none until an app uses the new parts. No token changes.
-
-## 0.15.0
-New app Scalio Beacon (service desk, scalio-docs ADR 0044).
-- Product switcher: entry "Beacon" (icon `RadioTower`) between Citadel and Pulse, available like the others.
-- `manualUrl("beacon")`: docs.scaliobeacon.com / devdocs.scaliobeacon.com.
-- **Visible change:** every app shows "Beacon" in the switcher after its upgrade (greyed out until the instance
-  has a link in `SCALIO_APP_LINKS`). No token changes.
-
-## 0.14.0
-UI alignment round 1, follow-up (scalio-docs ADR 0042, Markus 2026-10-30).
-- `accountGroups({ lang, base, show })` and `accountArea(part)`: Konten und Rollen in the structure of the settings
-  page (groups Personen, Rechte, Sicherheit; one address per area, `/accounts/<area>`).
-- `SettingsLayout` takes `root` (e.g. "Konten und Rollen") for the crumb, title fallback and nav label.
-- `SubNav` with `value` and `onSelect` renders in-page tabs (buttons, `role="tablist"`).
-- New CSS classes `.scalio-tabs` / `.scalio-tab` in `nav.css`: in-page tabs (shadcn Tabs) look like the sub
-  navigation (underline, like Nexus "Gruppen").
-- **Visible change:** none until an app uses the new parts. No token changes.
-
-## 0.13.0
-UI alignment round 1 (scalio-docs ADR 0041).
-- `editionBadges(license, { admin, demo, lang })` and `EditionBadges`: edition badge next to the product name from the
-  scalio-license state (Free, plan, trial with days left, demo; read-only or grace for administrators). `Brand`
-  takes `brand.badges` and shows them on the name line.
-- `adminSection({ audit, accounts, settings })`: the sidebar section "Verwaltung" with fixed order, words and icons
-  (new inline icons `ScrollText`, `Users`, `Settings`, `Info`).
-- `ApiStatus` / `useApiStatus(check)`: nothing while the API answers, a red badge "API nicht erreichbar" when not.
-- `Notice` gets an icon, `action`, `onDismiss` ("Später") and `banner` (full width above the page).
-- `accountTabs()` (Benutzer, Rollen, Microsoft Entra, Anmeldung, Organisationen), `PasswordPolicySelect` and
-  `policyAllowed()`: "nur Notfall-Administrator" and "aus" stay disabled until an emergency administrator exists.
-- **Visible change:** existing `Notice` boxes get an icon in front and lay out as a row. Everything else only where
-  an app uses the new parts. No token changes.
-
-## 0.12.0
-- New manual button in `AppHeader` (prop `docsUrl`): a book icon between theme and support that opens the product
-  manual in a new tab; `DocsButton` on its own, `manualUrl(product, { stage, lang })` builds the address
-  (`devdocs.<domain>` on dev and test, `docs.<domain>` on production, demo and self-hosted, German under `/de/`).
-  **Visible change** only in apps that pass `docsUrl`; no token changes.
-
-## 0.11.0
-- Self-hosted support (ADR 0022, T11; needs scalio-connect 0.7.0 in the backend): `supportApi` gets `status()` and
-  `setButtonHidden(hidden)`. The support drawer asks `status()` first; a self-hosted installation without a
-  connection shows no form, only a note and the button "Zum Scalio-Portal" (`<portal>/support`). The card
-  "Support-Verbindung" gets the switch "Support-Knopf in der Kopfzeile ausblenden". **Visible change** only where
-  the backend reports `link_only` or the client has `setButtonHidden`; no token changes.
-
-## 0.10.0
-- `LicensePanel` takes more from an app's own `map`: a `hint` per usage bar (e.g. base + add-on seats), add-ons with
-  `badges`, `detail`, `tone` (`info`/`warn`) and `removable: false`, `addonErrors` (invalid add-ons, removable),
-  `addonsHidden`, `addonsReadOnly` and `keyReadOnly` (a note instead of the form) and a `copied` text per row.
-  Lets Nexus keep its trials, demo mode and badges on the shared panel. **No visible change** for apps that use
-  `mapScalioLicense`.
-
-## 0.9.0
-- New `CommandPalette` (⌘K / Strg+K): finds every page of the sidebar data (`nav`) plus extra `pages`, remembers the
-  last visited pages, and takes app commands as `groups` (Nexus: AI and guarded actions). Arrow keys, Enter, Esc,
-  no dialog library. Helpers `openCommandPalette()` (for the sidebar search button), `paletteShortcut(lang)`,
-  `paletteGroups`, `palettePages`. `LABELS` get the palette texts, `Icons` get History and CornerDownLeft.
-  **No visible change** until an app uses it; Nexus keeps its test ids (`command-palette-input`, `cmd-nav-*`).
-
-## 0.8.1
-- `SupportConnection` fills in the portal address of the instance's stage (`default_portal` from scalio-connect
-  0.5.0: dev -> portaldev, test -> portaltest, others -> portal.scaliocloud.com). **Visible change:** the address
-  field is no longer empty on the settings card. No change with older backends.
-
-## 0.8.0
-- New `SecurityFactors` (profile: authenticator app, backup codes, passkeys) with `securityApi(api, webauthn)`, and
-  `LicensePanel` (status, usage, add-ons, key) with `licenseApi(api)` and `mapScalioLicense`. They replace the copies
-  in Citadel, Foundry, Rosetta and Nexus. `LABELS` get `mfa` and `license` texts, `Icons` get Smartphone, KeyRound,
-  Trash, Copy, Puzzle, Plus, Alert, and `.scalio-btn` gets the variants `is-primary`, `is-ghost`, `is-danger`.
-  **No visible change** until an app uses the new blocks; then they look the same in every app.
-
-## 0.7.0
-- `SupportDrawer` takes `client` (from the new `supportApi(api)`) and `page`: tabs "Neue Anfrage" (category,
-  subject, description, technical details) and "Meine Tickets" (list, answers from support, reply, rating) for the
-  central support desk (ADR 0022). New settings card `SupportConnection` (portal address and one-time code, status,
-  check, disconnect). `LABELS` get the support texts. **Visible change only for apps that pass `client`**; without
-  it the drawer keeps its single form.
-
-## 0.6.2
-- **Visible change for apps using `SettingsLayout`:** the settings area uses the full width of the window (was at most
-  64rem), so wide screens show more cards side by side. No change for other apps.
-
-## 0.6.1
-- **Visible change for apps using `SettingsLayout`:** the settings page has no outer padding of its own any more;
-  the app's content area brings it (0.6.0 had both, so the page got a double margin). No change for other apps.
-
-## 0.6.0
-- New `SettingsLayout` and `SettingsSection` for the settings page (UISPEC "Einstellungen"): sub-navigation on
-  the left in fixed groups (Allgemein, app groups, Verbindungen, Benachrichtigungen, Sicherheit, System) with a
-  search, a select on phones, crumb and title of the area; areas look like the profile page. Below three areas
-  the sub-navigation is left out. `LABELS` gets the group names. No change for apps that do not use them.
-
-## 0.5.2
-- Navigation items take `match` (further paths that mark the item active), for one menu item over several pages.
-- New `SubNav` (tabs as links on top of a page) and `WorkspaceSwitcher` (Identity / HR in Nexus). No change for
-  apps that do not use them.
-
-## 0.5.1
-- Phones: the context select (tenant, customer) is hidden in the header below 640px, there is no room next to
-  the header buttons. `AppShell` takes `drawerTop` and shows it above the navigation in the phone drawer.
-
-## 0.5.0
-- **Visible change:** `rounded-sm` is now 2px as UISPEC says (was 0px from the preset). Buttons, fields, cards and
-  badges in Nexus, Citadel and Foundry get barely visible round corners; Rosetta already had 2px and can drop its
-  own `borderRadius` override.
-- New app frame in `@scalio-cloud/ui/react`: `AppShell`, `Sidebar` (navigation as data: sections, hidden items,
-  badges, search button, one main action, version), `NavDrawer` for phones, `ContextSelect` for tenant, customer or
-  organisation in the header.
-- Moved here from the apps: `ProductSwitcher` with `PRODUCTS`, `switcherHref`, `stageBadge`, `scalioFeatures`,
-  `useScalioApps`, and `SupportDrawer` (the app passes the send function). Same test ids as before.
-- Page blocks: `KpiTile`, `EmptyState`, `Loading`, `Notice`, `StatusBadge`; `PageHeader` takes `back`.
-- `LABELS` gets the shared navigation words (Übersicht, Verwaltung, Protokoll, Konten und Rollen, Einstellungen, ...).
-- New `nav.css` (imported by `index.css`). No other visual change for apps that do not use the new parts.
-
-## 0.4.1
-- No change to tokens, styles or components. CI and publish workflow on current action versions (past Node 20).
-
-## 0.4.0
-- New sign-in building blocks in `@scalio-cloud/ui/react`: `AuthLayout` (app brand on a dark grid on the left, form
-  on the right, language and optional theme top right, small brand above the form on phones), `AuthHeader`,
-  `MicrosoftButton`, `AuthDivider` ("oder mit E-Mail"), `AuthMessage`.
-- New `ProfileSection` and `PROFILE_SECTIONS` for the profile page (Konto, Darstellung, Sprache und Region,
-  Sicherheit, Verknüpfungen), title and hint on the left, content in a card on the right.
-- More shared words in `LABELS` (Anmelden, Passwort vergessen?, Passwort ändern, Zwei-Faktor-Anmeldung, ...).
-- New `auth.css` (imported by `index.css`). No visual change for apps that do not use the new components.
-
-## 0.3.0
-- New `@scalio-cloud/ui/react`: shared app header (`AppHeader` with status, language, theme, support and user menu
-  in a fixed order), `UserMenu`, `LanguageToggle`, `ThemeToggle`, `SupportButton`, `PageHeader`, `VersionTag`.
-  Only peer dependency is React (optional for apps that use just the tokens).
-- New `shell.css` (imported by `index.css`): styles for these parts with `scalio-*` classes. No visual change for
-  apps that do not use the components.
-
-## 0.2.0
-- Dark mode colours from Scalio Rosetta: sidebar and other `bg-muted` areas are now darker than the page
-  (before: lighter grey), primary blue in dark mode `223 100% 45%` (before: brighter `223 85% 62%`), card,
-  border and input slightly adjusted. Light mode unchanged.
-
-## 0.1.2
-- Published via npm trusted publishing (GitHub Actions OIDC), no npm token. Content unchanged.
-
-## 0.1.1
-- Published publicly on npmjs.com instead of GitHub Packages (no token needed to install). Content unchanged.
-
-## 0.1.0
-- First version: Control Room tokens (light/dark, taken 1:1 from Scalio Nexus), Tailwind preset, self-hosted
-  fonts Chivo / IBM Plex Sans / JetBrains Mono. Compiled against Nexus it gives the same CSS as Nexus's own config.