@wssto2/vue-core 0.5.4 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.6.0 — 2026-10-15
+
+The service account screens, for go-core v1.9.0. ARV's own screens (list, record, keys, new-key sheet, the key shown once) move into the library, on the generated `serviceaccount` module types.
+
+### Requires
+- **go-core `v1.9.0`**: `identity.WithServiceAccounts` (the routes under `/v1/iam/service-accounts`, with the access routes of an account), the wire names `tenant` / `tenant_id` and `owner` / `owner_id`. `src/modules` is regenerated and gains `serviceaccount/`. **`vue` 3.5.19 or later**, unchanged.
+
+### New
+- **`serviceAccountsFeature({ tenants?, destination? })`** from `/identity`, with `serviceAccountsRoutes` (`serviceaccounts.index` at `/iam/service-accounts`, `serviceaccounts.record` at `/iam/service-accounts/:id`) and `serviceaccountRoutes`, `ServiceAccount`, `ApiKey`, `CreatedApiKey`, `AccountTenant` and the list types. It requires `accessFeature()`.
+  - **The list** in grouped rows: description, tenant (when the application has them), the person who answers, last call, live keys. Views Active / Inactive / All counted under the search, which reads name, description and the responsible person. *New service account* opens the new account on its *Access* tab.
+  - **An account's record** in tabs (`?tab=general | access | keys`): its data, its roles (`PersonAccess` with `{ kind: "service", id }`) and its keys; *Edit account* and *Deactivate account* (which asks first and cannot be undone) behind `iam.serviceaccount:manage`.
+  - **API keys**: each key with the start of it, who made it, last use and expiry; *New API key* (`:manage`; name and an optional expiry, the end of the chosen day), *Revoke* (`:revoke`, asks first). The secret is shown **once**, in a sheet with *Copy* (the clipboard, or the old selection copy on a page without one) that only *I have saved the key* closes, and is dropped when it does.
+  - **Tenants** (`tenants: { labelKey, options }`): the application's word for a tenant and the ones to offer. Whoever holds `:manage` outside every tenant may also make an account of the whole organization; anyone who holds it at one tenant has to choose one. Without `tenants` none is shown or asked.
+  - Texts in English, Croatian, Bosnian, Slovenian and Serbian (`core.serviceaccounts.*`).
+- **`accessPermissions.manageServiceBindings`** (`iam.serviceaccount:manage`).
+
+### Changed (no backward compatibility)
+- **`accessFeature({ subjects })` is removed**, with `createAccessApi(http, subjects)`'s second argument, `AccessSubjects` and `SubjectRoutes`. A subject is a `user` or a `service` (go-core's `SubjectKind`), and go-core serves both: a `service` subject goes to `/v1/iam/service-accounts/:id/{access,scopes,bindings,bindings/:binding_id}` and `bindable-roles` with no configuration. An application that passed `subjects: { service: … }` deletes it.
+- **`PersonAccess` offers *Add role* and removal by the subject's kind**: `iam.serviceaccount:manage` for a service account, `iam.user:manage` for a person (before, a service account's roles needed `iam.user:manage`).
+
+### Docs
+- New recipe [service accounts](docs/recipes/service-accounts.md); the access recipe's "Other kinds of subject" becomes "A service account's roles".
+
 ## 0.5.4 — 2026-10-14
 
 A route says what its envelope's `meta` is, so a paged list reads its numbers with no cast. Needed by go-core v1.8.7's route tables.

package/README.md

@@ -18,7 +18,7 @@ Its plan and rules are in [PLAN.md](PLAN.md).
 | `@wssto2/vue-core/resource`, `/page` | `useRouteResource`, `ResourcePage`, `SectionNavigator`, `AdaptivePageShell` |
 | `@wssto2/vue-core/button`, `/controls`, `/content`, `/state`, `/overlay`, `/modal`, `/icon` | the primitives |
 | `@wssto2/vue-core/i18n`, `/format`, `/client` | messages, `useDescribeError`, formatting, `HttpClient` and `ApiError` |
-| `@wssto2/vue-core/identity`, `/access` | go-core's module contracts (types, route tables) and, in `/identity`, `identityFeature` (sign-in page, language), `identityPlatform()` and `usersFeature` (users, "my profile"): [sign-in](docs/recipes/sign-in.md), [users](docs/recipes/users.md) |
+| `@wssto2/vue-core/identity`, `/access` | go-core's module contracts (types, route tables) and, in `/identity`, `identityFeature` (sign-in page, language), `identityPlatform()` and `usersFeature` (users, "my profile") and `serviceAccountsFeature` (service accounts and their API keys): [sign-in](docs/recipes/sign-in.md), [users](docs/recipes/users.md), [service accounts](docs/recipes/service-accounts.md) |
 | `@wssto2/vue-core/access` (screens) | `accessFeature({ catalogue })`: roles list and editor, compare, replace, a person's roles (`PersonAccess`) and what they can do: [roles and access](docs/recipes/access.md) |
 | `@wssto2/vue-core/notifications` | go-core's notification and events modules: `notificationsFeature({ categories, deadLetters })`: the bell with the unread count, the inbox (popover, bottom sheet on phones), the live stream, the failed-events page: [notifications](docs/recipes/notifications.md) |
 | `@wssto2/vue-core/testing` | `createTestPlatform`, `createTestApp`, fake transports: for your tests, [testing](docs/recipes/testing.md) |
@@ -243,6 +243,7 @@ declare module "@wssto2/vue-core/router" {
     tickets: true;
     accounts: true;
     users: true;
+    serviceaccounts: true;
     "iam.roles": true;
     "events.deadletters": true;
   }
@@ -334,6 +335,7 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 - [Typed routes](docs/recipes/typed-routes.md): generated routes, `client.request`, a list from a route
 - [Sign-in](docs/recipes/sign-in.md): go-core's identity module: the sign-in page, the session wiring, the language, the module's committed types, the dev server
 - [Users and profile](docs/recipes/users.md): the users list and a person's record, "my profile" with the e-mail change by code, opting out, extra sections, refusals
+- [Service accounts](docs/recipes/service-accounts.md): the list and an account's record, its roles, API keys shown once, tenants, linking
 - [Roles and access](docs/recipes/access.md): go-core's access module: the roles list and editor from your catalogue, a person's roles and effective access, where a role applies, the refusals
 - [Notifications](docs/recipes/notifications.md): the bell, the inbox and the live stream, categories, the failed-events page, trying it against go-core's dev server
 - [Theming](docs/recipes/theming.md): brand accent, dark mode, tokens, status tones and category hues

package/dist/{ActionRow.vue_vue_type_script_setup_true_lang-Bv-APkGf.js → ActionRow.vue_vue_type_script_setup_true_lang-D8NCXX4p.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as s, createBlock as d, unref as n, withCtx as f, createElementVNode as t, normalizeClass as m, toDisplayString as l, createElementBlock as u, createCommentVNode as p, createVNode as b } from "vue";
-import { g as _ } from "./options-Bu0XbEpN.js";
+import { g as _ } from "./options-e_CAfvDQ.js";
 import { _ as x } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const k = ["disabled"], y = { class: "flex min-w-0 flex-1 flex-col" }, h = {
   key: 0,

package/dist/{Activity-DUjDaPfP.js → Activity-DGodh6BU.js}

@@ -3,10 +3,10 @@ import { useI18n as q } from "vue-i18n";
 import { _ as D } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as I } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
 import { u as O } from "./format-D8X4zsx6.js";
-import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-CDg31ZU7.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-CSgT4ITL.js";
-import { g as z } from "./options-Bu0XbEpN.js";
-import { P as G, c as H, i as J } from "./index-Ok29ucE3.js";
+import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-BxUuUypB.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js";
+import { g as z } from "./options-e_CAfvDQ.js";
+import { P as G, c as H, i as J } from "./index-Cmj9iZmT.js";
 import { u as K } from "./platform-Dx6STiwY.js";
 import { b as M } from "./routeResource-CcYA75T2.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";

package/dist/{Changes-B0tZO6BZ.js → Changes-38u4xY6e.js}

@@ -1,6 +1,6 @@
 import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { P as V, i as R } from "./index-Ok29ucE3.js";
+import { P as V, i as R } from "./index-Cmj9iZmT.js";
 import { u as S } from "./platform-Dx6STiwY.js";
 import { b as B } from "./routeResource-CcYA75T2.js";
 import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
@@ -8,8 +8,8 @@ import { u as L } from "./useLoad-W4tfxmm5.js";
 import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as O } from "./format-D8X4zsx6.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-CSgT4ITL.js";
-import { g as U } from "./options-Bu0XbEpN.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js";
+import { g as U } from "./options-e_CAfvDQ.js";
 import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-o_Pj-JcD.js → CollectionPage.vue_vue_type_script_setup_true_lang-DPcCnrjr.js}

@@ -1,7 +1,7 @@
 import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as k, watch as Ve, toValue as Se, ref as ie, getCurrentScope as nt, onScopeDispose as st, defineComponent as be, openBlock as u, createElementBlock as y, createVNode as O, unref as t, createElementVNode as i, toDisplayString as g, Fragment as ee, renderList as le, createCommentVNode as F, createBlock as W, mergeProps as ve, withCtx as q, createTextVNode as G, normalizeClass as ue, useTemplateRef as fe, withModifiers as Ke, withDirectives as Le, vModelText as Fe, nextTick as at, onBeforeUnmount as rt, onMounted as it, renderSlot as ge, useSlots as We, createSlots as Qe, normalizeProps as Xe, guardReactiveProps as Je } from "vue";
 import { routerKey as ct } from "vue-router";
 import { a as qe, i as ut } from "./error-Bb_dr_Ay.js";
-import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-CdQowFlW.js";
+import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, r as vt } from "./state-BC1Fc6U2.js";
 import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { useI18n as he } from "vue-i18n";
 import { _ as ce, u as Ne } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
@@ -14,8 +14,8 @@ import { u as bt, _ as gt } from "./rowLayout-BBFyLbOl.js";
 import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
 import { _ as we } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
-import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-BdS7BxuS.js";
-import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-BN4vzvV9.js";
+import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-C8um4ARi.js";
+import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-CBZhGNpm.js";
 import { a as _t } from "./mediaQuery-CygcXmFW.js";
 import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
 import { t as ke } from "./toast-CqSDTWRX.js";

package/dist/{DateField.vue_vue_type_script_setup_true_lang-CDg31ZU7.js → DateField.vue_vue_type_script_setup_true_lang-BxUuUypB.js}

@@ -5,7 +5,7 @@ import { u as W } from "./format-D8X4zsx6.js";
 import { _ as de } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as ue } from "./mediaQuery-CygcXmFW.js";
 import { _ as ce } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { c as me, _ as fe, f as pe, b as be } from "./options-Bu0XbEpN.js";
+import { e as me, _ as fe, f as pe, b as be } from "./options-e_CAfvDQ.js";
 import { e as q, f as j, m as X, g as Z, h as ve, j as ye, u as ke, k as ge, _ as he, l as xe, c as we } from "./useTypedEntry-C7k7Dyl-.js";
 const _e = ["d", "m", "y"];
 function $e(o) {

package/dist/{DeadLetters-IgVHao84.js → DeadLetters-CeHfhFHP.js}

@@ -1,15 +1,16 @@
 import { defineComponent as B, useTemplateRef as C, computed as y, ref as v, openBlock as D, createBlock as z, unref as r, withCtx as m, createVNode as F, createElementVNode as b, normalizeClass as $, toDisplayString as h } from "vue";
 import { useI18n as q } from "vue-i18n";
 import { i as k } from "./error-Bb_dr_Ay.js";
-import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-o_Pj-JcD.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DPcCnrjr.js";
 import { u as P } from "./describeError-BqGAUZgX.js";
 import { u as I } from "./format-D8X4zsx6.js";
-import { e as a, R as O } from "./index-C-oM_Mnf.js";
+import { e as a, R as O } from "./index-DH0MoFqg.js";
 import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as i } from "./toast-CqSDTWRX.js";
 import { u as Y } from "./useLoad-W4tfxmm5.js";
 import { u as j } from "./platform-Dx6STiwY.js";
-import { a as G, r as H } from "./http-CdQowFlW.js";
+import { a as G } from "./state-BC1Fc6U2.js";
+import { r as H } from "./http-nz92KjdS.js";
 function J(u) {
   return G({
     id: "events.deadletters",
@@ -23,7 +24,7 @@ function J(u) {
     defaults: { pageSize: 25 }
   });
 }
-const K = ["title"], M = ["datetime"], le = /* @__PURE__ */ B({
+const K = ["title"], M = ["datetime"], ce = /* @__PURE__ */ B({
   __name: "DeadLetters",
   setup(u) {
     const { t: e } = q(), { http: s, access: l } = j(), g = I(), w = P(), f = C("confirm"), L = y(() => [
@@ -100,5 +101,5 @@ const K = ["title"], M = ["datetime"], le = /* @__PURE__ */ B({
   }
 });
 export {
-  le as default
+  ce as default
 };

package/dist/{FormGroup.vue_vue_type_script_setup_true_lang-CSgT4ITL.js → FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js}

@@ -1,6 +1,6 @@
 import { defineComponent as B, openBlock as d, createBlock as L, withCtx as N, createTextVNode as v, toDisplayString as m, unref as h, createCommentVNode as i, inject as C, provide as y, ref as R, useSlots as O, computed as n, shallowReactive as E, useTemplateRef as V, useId as A, createElementBlock as p, normalizeStyle as M, normalizeClass as G, createElementVNode as S, renderSlot as f } from "vue";
 import { s as T, u as W } from "./sectionIndex-BS0ic5W7.js";
-import { e as $, h as j } from "./options-Bu0XbEpN.js";
+import { d as $, h as j } from "./options-e_CAfvDQ.js";
 import { useI18n as D } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 const H = /* @__PURE__ */ B({

package/dist/{FormView.vue_vue_type_script_setup_true_lang-D31Hk3pJ.js → FormView.vue_vue_type_script_setup_true_lang-nyz8EkzM.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, provide as f, computed as s, useTemplateRef as u, openBlock as t, createElementBlock as p, withModifiers as c, createBlock as d, createCommentVNode as b, renderSlot as _ } from "vue";
-import { e as v } from "./options-Bu0XbEpN.js";
+import { d as v } from "./options-e_CAfvDQ.js";
 import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js";
 const x = /* @__PURE__ */ n({
   __name: "FormView",

package/dist/{General-C40HxupS.js → General-BNTjPvat.js}

@@ -3,17 +3,17 @@ import { useI18n as V } from "vue-i18n";
 import { RouterLink as B } from "vue-router";
 import { u as E } from "./format-D8X4zsx6.js";
 import { u as T } from "./useResourceForm-CJfl8rj_.js";
-import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-CSgT4ITL.js";
-import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-D31Hk3pJ.js";
-import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-BN4vzvV9.js";
-import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-BwfNNQEz.js";
+import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js";
+import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-nyz8EkzM.js";
+import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-CBZhGNpm.js";
+import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CX3LdZLK.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
-import { P as D, b as G, i as I } from "./index-Ok29ucE3.js";
+import { P as D, b as G, i as I } from "./index-Cmj9iZmT.js";
 import { t as M } from "./toast-CqSDTWRX.js";
 import { u as O } from "./platform-Dx6STiwY.js";
 import { b as U } from "./routeResource-CcYA75T2.js";
 import { u as j } from "./fieldMessages-DTXpWnBd.js";
-import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-Bv-APkGf.js";
+import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-D8NCXX4p.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 import { u as H } from "./languages-BShG9LpE.js";
 const J = {

package/dist/{NewRolePage-Bhy8KJO1.js → NewRolePage-Btg7gzzH.js}

@@ -4,13 +4,14 @@ import { useRoute as k, useRouter as R } from "vue-router";
 import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
 import { u as g } from "./useLoad-W4tfxmm5.js";
-import { a as x, c as u } from "./index-BdGnA1Jh.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-C6oloGIh.js";
-const V = /* @__PURE__ */ _({
+import { u as x } from "./PersonAccess.vue_vue_type_script_setup_true_lang-ClmawvYm.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-Bs9bo0Zb.js";
+import { accessPages as u } from "./access/index.js";
+const j = /* @__PURE__ */ _({
   __name: "NewRolePage",
   setup(h) {
-    const { t: o } = v(), r = k(), p = R(), m = x(), t = d(() => typeof r.query.copy == "string" ? r.query.copy : ""), c = g(({ signal: s }) => t.value ? m.role(t.value, { signal: s }) : Promise.resolve(null), { watch: t }), f = (s) => p.replace(u.role({ ref: s.ref }));
-    return (s, a) => (y(), w(e($), {
+    const { t: o } = v(), s = k(), p = R(), m = x(), t = d(() => typeof s.query.copy == "string" ? s.query.copy : ""), c = g(({ signal: r }) => t.value ? m.role(t.value, { signal: r }) : Promise.resolve(null), { watch: t }), f = (r) => p.replace(u.role({ ref: r.ref }));
+    return (r, a) => (y(), w(e($), {
       title: e(o)("core.access.new_title"),
       description: t.value ? e(o)("core.access.new_copy_description") : e(o)("core.access.new_description"),
       back: { label: e(o)("core.access.title"), to: e(u).roles },
@@ -38,5 +39,5 @@ const V = /* @__PURE__ */ _({
   }
 });
 export {
-  V as default
+  j as default
 };

package/dist/{NumberField.vue_vue_type_script_setup_true_lang-BdS7BxuS.js → NumberField.vue_vue_type_script_setup_true_lang-C8um4ARi.js}

@@ -1,7 +1,7 @@
 import { defineComponent as H, ref as _, computed as B, useTemplateRef as K, watch as R, openBlock as q, createBlock as J, mergeProps as L, unref as T, createSlots as Q, withCtx as $, createElementVNode as Z, normalizeClass as E, createElementBlock as G, toDisplayString as I, createCommentVNode as P, isRef as W, renderSlot as N, mergeDefaults as U } from "vue";
 import { b as X } from "./controlSurface-t7OEFESJ.js";
 import { u as Y } from "./format-D8X4zsx6.js";
-import { a as ee, c as te, _ as le, f as ae, b as oe } from "./options-Bu0XbEpN.js";
+import { a as ee, e as te, _ as le, f as ae, b as oe } from "./options-e_CAfvDQ.js";
 function ne(c) {
   const r = c.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), u = /^\d(\D)\d/.exec(r)?.[1] ?? "";
   return { decimal: r.charAt(r.length - 2) || ".", group: u === "." || u === "," ? u : "" };