@wssto2/vue-core 0.15.1 → 0.15.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.15.3 — 2026-10-21
+
+A group sheet focuses its first error.
+
+### Changed
+- **form:** `GroupSheet` calls `focusFirstError` on its body once it has opened and after a refused Save, so a sheet opened with errors already set (`form.errors.add(field, message)` before `present()`) lands on the first flagged field in page order instead of the first control. No new API and no option: with no errors nothing changes. An application that focused the field itself after `present()` can drop that code.
+
+## 0.15.2 — 2026-10-20
+
+A hand-built `Idempotency-Key` header is now a lint error.
+
+### New
+- **eslint:** `vueCoreConfig` reports a hand-built `Idempotency-Key` header (`no-raw-idempotency-header`, a `no-restricted-syntax` entry): a `headers: { "Idempotency-Key": … }` object property in any casing, and `headers.set(...)` / `.append(...)` with that name. Use the request option `{ idempotencyKey }`, which is also re-sent on the renew-and-retry after a 401. `src/client` is excluded. An application that sets its own `no-restricted-syntax` replaces it and should spread `RAW_IDEMPOTENCY_HEADER_SELECTORS` (exported from `@wssto2/vue-core/eslint`).
+
 ## 0.15.1 — 2026-10-20
 
 A dialog opened from a dialog could paint behind it.

package/bin/templates/feature-crud/api.ts.tpl

@@ -17,7 +17,7 @@ export const __FEATURE_API_CLIENT__ = (http: HttpClient) => ({
 
   /** A 422 lands on the form's fields (`form.submit`). */
   async create(payload: __FEATURE_FORM_TYPE__, idempotencyKey: string): Promise<__FEATURE_ENTITY__> {
-    return (await http.request(__FEATURE_ROUTE_TABLE__.create, payload, { headers: { "Idempotency-Key": idempotencyKey } })).data;
+    return (await http.request(__FEATURE_ROUTE_TABLE__.create, payload, { idempotencyKey })).data;
   },
 });
 

package/dist/{Activity-RAk3h7Aa.js → Activity-DM9t5d3D.js}

@@ -13,7 +13,7 @@ import { b as W } from "./routeResource-DlTsGTg_.js";
 import { _ as X } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as Y } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as Z } from "./useLoad-M7V-AVwR.js";
-import { P as tt, f as et, j as at } from "./index-D5DuvKP1.js";
+import { P as tt, f as et, j as at } from "./index-DM_nWOYf.js";
 import { _ as st } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 const ot = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{Changes-Dsar4rXS.js → Changes-DYpysvfX.js}

@@ -5,7 +5,7 @@ import { u as b } from "./platform-ORzRR3Tw.js";
 import { b as V } from "./routeResource-DlTsGTg_.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as E } from "./useLoad-M7V-AVwR.js";
-import { P as N, f as B, k as P, j as S } from "./index-D5DuvKP1.js";
+import { P as N, f as B, k as P, j as S } from "./index-DM_nWOYf.js";
 import { _ as U } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { _ as I } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js";
 const W = {

package/dist/{General-Bu_ZIVbk.js → General-oUI2MiwO.js}

@@ -15,7 +15,7 @@ import { b as M } from "./routeResource-DlTsGTg_.js";
 import { u as O } from "./serverMessages-Ce8-MK4e.js";
 import { _ as U, a as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { u as j } from "./keepAlive-ClGnsIzT.js";
-import { P as z, e as H } from "./index-D5DuvKP1.js";
+import { P as z, e as H } from "./index-DM_nWOYf.js";
 const J = {
   class: "flex min-w-0 max-w-200 flex-col gap-group-gap",
   "data-person-general": ""

package/dist/{ProfilePage-7Xk2hsNL.js → ProfilePage-Di77M2cX.js}

@@ -5,10 +5,10 @@ import { u as F } from "./platform-ORzRR3Tw.js";
 import { _ as ee } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as te } from "./useLoad-M7V-AVwR.js";
 import { i as S } from "./preferences-hYhrw8Uy.js";
-import { h as xe, q as $e, j as ke, f as qe } from "./index-D5DuvKP1.js";
+import { h as xe, q as $e, j as ke, f as qe } from "./index-DM_nWOYf.js";
 import { a as K, u as ne, p as Ce } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
 import { _ as de } from "./FormView.vue_vue_type_script_setup_true_lang-Bq_Qa4py.js";
-import { u as Se, _ as Ee, a as Ve, b as Pe } from "./useGroupSheet-Qqo3ywsS.js";
+import { u as Se, _ as Ee, a as Ve, b as Pe } from "./useGroupSheet-B-Hs4gNO.js";
 import { t as C } from "./toast-CqSDTWRX.js";
 import { u as T } from "./serverMessages-Ce8-MK4e.js";
 import { g as Z } from "./options-B48UiYsG.js";

package/dist/{ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js → ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js}

@@ -9,7 +9,7 @@ import { _ as j } from "./useCommand-DAMgQ5NE.js";
 import { u as F } from "./useRecordDialog-QPKFH1Ww.js";
 import { t as H } from "./toast-CqSDTWRX.js";
 import { u as S } from "./platform-ORzRR3Tw.js";
-import { l as J, m as Q } from "./index-D5DuvKP1.js";
+import { l as J, m as Q } from "./index-DM_nWOYf.js";
 import { r as W } from "./http-D6qOS6xs.js";
 import { i as X } from "./preferences-hYhrw8Uy.js";
 import { s as l } from "./routes-Beyr5NQo.js";

package/dist/{ServiceAccountRecord-Caj7mo3A.js → ServiceAccountRecord-CTU10RWy.js}

@@ -15,8 +15,8 @@ import { u as ae } from "./platform-ORzRR3Tw.js";
 import { u as me, a as ve } from "./routeResource-DlTsGTg_.js";
 import { a as fe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-uLrX13ab.js";
 import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { m as ce, R as _e, l as pe, n as ye } from "./index-D5DuvKP1.js";
-import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js";
+import { m as ce, R as _e, l as pe, n as ye } from "./index-DM_nWOYf.js";
+import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js";
 import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-JrqhO99l.js";
 import { _ as be } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as ge } from "./Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";

package/dist/{ServiceAccountsList-D-YqPi_h.js → ServiceAccountsList-BVRjoswH.js}

@@ -13,8 +13,8 @@ import { u as X } from "./platform-ORzRR3Tw.js";
 import { _ as Y } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as Z } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as ee } from "./useLoad-M7V-AVwR.js";
-import { l as te, m as $, n as A } from "./index-D5DuvKP1.js";
-import { u as ae, _ as oe } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js";
+import { l as te, m as $, n as A } from "./index-DM_nWOYf.js";
+import { u as ae, _ as oe } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js";
 const se = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "service-segment"

package/dist/{Sessions-Bv5GU5Oi.js → Sessions-BHwMrF7c.js}

@@ -9,7 +9,7 @@ import { u as D } from "./platform-ORzRR3Tw.js";
 import { b as L } from "./routeResource-DlTsGTg_.js";
 import { _ as O } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as T } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
-import { P as V, e as I, g as j, h as z } from "./index-D5DuvKP1.js";
+import { P as V, e as I, g as j, h as z } from "./index-DM_nWOYf.js";
 import { i as F } from "./usePreferences-BfMXVbSO.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{SignIn-m6PANavm.js → SignIn-HnujOMRY.js}

@@ -12,7 +12,7 @@ import { u as z, h as F } from "./platform-ORzRR3Tw.js";
 import { b as L } from "./routeResource-DlTsGTg_.js";
 import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { i as T } from "./usePreferences-BfMXVbSO.js";
-import { f as j, P as G, e as H, _ as J } from "./index-D5DuvKP1.js";
+import { f as j, P as G, e as H, _ as J } from "./index-DM_nWOYf.js";
 import { _ as K, a as M } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 const Q = {
   key: 0,

package/dist/{SignInPage-C9--4P11.js → SignInPage-c886Fvd7.js}

@@ -6,7 +6,7 @@ import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js"
 import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-Bq_Qa4py.js";
 import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { r as $ } from "./guards-6fJxfUtk.js";
-import { u as C, a as E } from "./index-D5DuvKP1.js";
+import { u as C, a as E } from "./index-DM_nWOYf.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignIns-BhLnkY08.js → SignIns-BsTlN2Zc.js}

@@ -5,7 +5,7 @@ import { u as b } from "./platform-ORzRR3Tw.js";
 import { b as k } from "./routeResource-DlTsGTg_.js";
 import { _ as I } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as R } from "./useLoad-M7V-AVwR.js";
-import { P as C, i as E, j as B } from "./index-D5DuvKP1.js";
+import { P as C, i as E, j as B } from "./index-DM_nWOYf.js";
 import { _ as P } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js";
 const U = {

package/dist/{UserRecord-L3ahHNjb.js → UserRecord-DrbpVHh9.js}

@@ -14,7 +14,7 @@ import { A as J } from "./access-DmAceEo5.js";
 import { _ as Q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as W } from "./useLoad-M7V-AVwR.js";
 import { i as X } from "./usePreferences-BfMXVbSO.js";
-import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-D5DuvKP1.js";
+import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-DM_nWOYf.js";
 import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
 import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { u as ie, _ as ce } from "./useCommand-DAMgQ5NE.js";

package/dist/{UsersList-C6u3YCCp.js → UsersList-M5tBxrox.js}

@@ -6,7 +6,7 @@ import { _ as V } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js
 import { u as L } from "./format-Cp1h0vsC.js";
 import { u as z } from "./platform-ORzRR3Tw.js";
 import { _ as A } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-D5DuvKP1.js";
+import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-DM_nWOYf.js";
 const G = ["datetime"], Z = /* @__PURE__ */ C({
   __name: "UsersList",
   setup(K) {

package/dist/eslint/index.d.ts

@@ -6,6 +6,11 @@ import type { Linter } from "eslint";
  */
 export declare const TYPED_RULES: readonly string[];
 export declare const TYPED_RULE_SET: ReadonlySet<string>;
+/** Rule `no-raw-idempotency-header`, as `no-restricted-syntax` selectors: the key goes through `RequestOptions.idempotencyKey`. */
+export declare const RAW_IDEMPOTENCY_HEADER_SELECTORS: readonly {
+    selector: string;
+    message: string;
+}[];
 export interface VueCoreConfigOptions {
     /**
      * Turn on the type-aware rules (`TYPED_RULES`, at `warn`: the ratchet counts them). Type-aware linting is slow, so it is

package/dist/eslint/index.js

@@ -2,8 +2,8 @@ import l from "@eslint/js";
 import u from "eslint-plugin-vue";
 import r from "globals";
 import t from "typescript-eslint";
-import a from "vue-eslint-parser";
-const o = [
+import c from "vue-eslint-parser";
+const i = [
   "@typescript-eslint/await-thenable",
   "@typescript-eslint/no-base-to-string",
   "@typescript-eslint/no-floating-promises",
@@ -21,11 +21,17 @@ const o = [
   "@typescript-eslint/restrict-plus-operands",
   "@typescript-eslint/restrict-template-expressions",
   "@typescript-eslint/unbound-method"
-], y = new Set(o);
-function b({ typed: e = !1, tsconfigRootDir: n, ignores: i = [], rules: p = {} } = {}) {
+], b = new Set(i), o = "/^idempotency-key$/i", f = [
+  `Property[key.name='headers'] > ObjectExpression > Property[key.value=${o}]`,
+  `CallExpression[callee.property.name=/^(set|append)$/][arguments.0.value=${o}]`
+].map((e) => ({
+  selector: e,
+  message: "Do not build the Idempotency-Key header by hand: pass the request option { idempotencyKey } (it is also re-sent on the renew-and-retry after a 401)."
+}));
+function h({ typed: e = !1, tsconfigRootDir: n, ignores: p = [], rules: a = {} } = {}) {
   if (e && !n) throw new Error("vueCoreConfig: typed linting needs tsconfigRootDir (usually import.meta.dirname)");
   return [
-    { ignores: ["dist/**", "node_modules/**", "coverage/**", "**/*.d.ts", ...i] },
+    { ignores: ["dist/**", "node_modules/**", "coverage/**", "**/*.d.ts", ...p] },
     l.configs.recommended,
     ...t.configs.recommended,
     ...u.configs["flat/recommended"],
@@ -36,7 +42,7 @@ function b({ typed: e = !1, tsconfigRootDir: n, ignores: i = [], rules: p = {} }
     {
       files: ["**/*.vue"],
       languageOptions: {
-        parser: a,
+        parser: c,
         parserOptions: { parser: t.parser, sourceType: "module", extraFileExtensions: [".vue"] }
       }
     },
@@ -48,7 +54,7 @@ function b({ typed: e = !1, tsconfigRootDir: n, ignores: i = [], rules: p = {} }
       rules: {
         // TypeScript reports undefined references itself, and no-undef cannot see ambient global types.
         "no-undef": "off",
-        ...e ? Object.fromEntries(o.map((s) => [s, "warn"])) : {},
+        ...e ? Object.fromEntries(i.map((s) => [s, "warn"])) : {},
         // Superseded by @typescript-eslint/no-unused-vars below; the core rule mis-fires on type-only constructs.
         "no-unused-vars": "off",
         "no-useless-assignment": "error",
@@ -73,15 +79,18 @@ function b({ typed: e = !1, tsconfigRootDir: n, ignores: i = [], rules: p = {} }
           "error",
           { argsIgnorePattern: "^_", varsIgnorePattern: "^_", caughtErrorsIgnorePattern: "^_", destructuredArrayIgnorePattern: "^_" }
         ],
-        ...p
+        ...a
       }
     },
+    // The client implementation sets the header itself; applications must use the request option.
+    { files: ["**/*.{ts,vue}"], ignores: ["src/client/**"], rules: { "no-restricted-syntax": ["error", ...f] } },
     // Test files (named *.test.ts or in a tests/ folder) define stub components inline, several per file, with untyped prop lists on purpose.
     { files: ["**/*.test.ts", "tests/**/*.{ts,vue}"], languageOptions: { globals: r.vitest }, rules: { "vue/require-prop-types": "off", "vue/one-component-per-file": "off" } }
   ];
 }
 export {
-  o as TYPED_RULES,
-  y as TYPED_RULE_SET,
-  b as vueCoreConfig
+  f as RAW_IDEMPOTENCY_HEADER_SELECTORS,
+  i as TYPED_RULES,
+  b as TYPED_RULE_SET,
+  h as vueCoreConfig
 };

package/dist/form/GroupSheet.vue.d.ts

@@ -3,7 +3,9 @@ import type { GroupSheetState } from "./useGroupSheet";
  * The sheet of one record group (decision D22): a grouped `Modal` with one Save and the lifecycle of `useGroupSheet`. The
  * group's values are its baseline on open and are put back on Cancel; a dismiss with edits asks first; a save says what it is
  * doing, then that it is done, before the sheet closes. The fields go in the default slot, bound to the record's form as on its
- * page. A save that needs another group's data says which at the top; a failure says why.
+ * page. A save that needs another group's data says which at the top; a failure says why. Focus goes to the first field with an
+ * error (`focusFirstError`): when the sheet opens with errors already set (`form.errors.add(field, message)` before `present()`), and
+ * after a refused save.
  *
  *   <GroupSheet :sheet="contact" :title="t('contact')" :editable="canEdit" :group-label="(group) => t('group.' + group)">
  *     <RecordGroupScope only="contact" :editable="canEdit"><ContactSections :form="form" /></RecordGroupScope>

package/dist/form/index.js

@@ -32,7 +32,7 @@ import { _ as Vt } from "../NumberField.vue_vue_type_script_setup_true_lang-U-_k
 import { _ as Dt } from "../Sheet.vue_vue_type_script_setup_true_lang-BG8HUNfs.js";
 import { b as Rt, a as Ke } from "../SelectField.vue_vue_type_script_setup_true_lang-CLkoPbGm.js";
 import { _ as fn, u as mn } from "../SelectField.vue_vue_type_script_setup_true_lang-CLkoPbGm.js";
-import { _ as pn, b as bn, a as gn, u as yn } from "../useGroupSheet-Qqo3ywsS.js";
+import { _ as pn, b as bn, a as gn, u as yn } from "../useGroupSheet-B-Hs4gNO.js";
 import { _ as Pe } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-DmMg1T_V.js";
 import { _ as kn } from "../SegmentedField.vue_vue_type_script_setup_true_lang-zv_AxpBn.js";
 import { _ as wn } from "../SwitchField.vue_vue_type_script_setup_true_lang-Ds4q0bbl.js";

package/dist/identity/index.js

@@ -1,5 +1,5 @@
 import { i as a } from "../preferences-hYhrw8Uy.js";
-import { k as o, r as n, t as i, P as r, j as u, h as c, _ as d, q as S, i as g, U as A, v as f, w as l, x as p, y as m, z as I, A as R, o as x, B as y, C as P, n as U, s as v, e as D, g as E, b, f as w, D as F, E as B, c as C } from "../index-D5DuvKP1.js";
+import { k as o, r as n, t as i, P as r, j as u, h as c, _ as d, q as S, i as g, U as A, v as f, w as l, x as p, y as m, z as I, A as R, o as x, B as y, C as P, n as U, s as v, e as D, g as E, b, f as w, D as F, E as B, c as C } from "../index-DM_nWOYf.js";
 import { a as T, _ } from "../ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { i as k, l as N, r as O, s as j, a as q, u as z } from "../usePreferences-BfMXVbSO.js";
 import { s as K } from "../routes-Beyr5NQo.js";

package/dist/{index-D5DuvKP1.js → index-DM_nWOYf.js}

@@ -246,7 +246,7 @@ const ft = ["aria-labelledby"], gt = ["id"], _t = { class: "mt-1 text-subheadlin
     ]));
   }
 }), wt = X({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-C9--4P11.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-c886Fvd7.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Xn(e = {}) {
   return ne({
@@ -381,7 +381,7 @@ function Hn(e) {
   };
 }
 const ke = X({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-7Xk2hsNL.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Di77M2cX.js"), meta: { titleKey: "core.profile.title" } }
 }), At = /* @__PURE__ */ $({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -412,19 +412,19 @@ function jt(e, n) {
   return [...e.flatMap((s) => [s, ...o(s)]), ...n.filter((s) => s.after === void 0).map((s) => ce(s))];
 }
 const le = "iam.user:view", ts = "iam.user:manage", Kt = "iam.user.activity:view", Se = X({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-C6u3YCCp.js"), meta: { access: le, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-M5tBxrox.js"), meta: { access: le, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-L3ahHNjb.js"),
+    component: () => import("./UserRecord-DrbpVHh9.js"),
     meta: { access: le, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-Bu_ZIVbk.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
-      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-m6PANavm.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-Bv5GU5Oi.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BhLnkY08.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.changes", path: "changes", component: () => import("./Changes-Dsar4rXS.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.activity", path: "activity", component: () => import("./Activity-RAk3h7Aa.js"), meta: { access: Kt, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-oUI2MiwO.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
+      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-HnujOMRY.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-BHwMrF7c.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BsTlN2Zc.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.changes", path: "changes", component: () => import("./Changes-DYpysvfX.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DM9t5d3D.js"), meta: { access: Kt, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });
@@ -1153,11 +1153,11 @@ const Jt = ["title"], Qt = { class: "font-mono" }, cs = /* @__PURE__ */ $({
     }, 8, ["permission"])) : k("", !0);
   }
 }), [cn, ms] = N("vue-core.serviceaccounts"), ue = "iam.serviceaccount:view", ps = "iam.serviceaccount:manage", fs = "iam.serviceaccount:revoke", de = X({
-  index: { name: "serviceaccounts.index", path: "/iam/service-accounts", component: () => import("./ServiceAccountsList-D-YqPi_h.js"), meta: { access: ue, titleKey: "core.serviceaccounts.title_plural" } },
+  index: { name: "serviceaccounts.index", path: "/iam/service-accounts", component: () => import("./ServiceAccountsList-BVRjoswH.js"), meta: { access: ue, titleKey: "core.serviceaccounts.title_plural" } },
   record: {
     name: "serviceaccounts.record",
     path: "/iam/service-accounts/:id",
-    component: () => import("./ServiceAccountRecord-Caj7mo3A.js"),
+    component: () => import("./ServiceAccountRecord-CTU10RWy.js"),
     meta: { access: ue, titleKey: "core.serviceaccounts.title_plural", remountOnParam: "id" }
   }
 });

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 /** The version of @wssto2/vue-core (kept equal to package.json by index.test.ts). */
-export declare const version = "0.15.1";
+export declare const version = "0.15.3";

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.15.1";
+const o = "0.15.3";
 export {
   o as version
 };

package/dist/{useGroupSheet-Qqo3ywsS.js → useGroupSheet-B-Hs4gNO.js}

@@ -1,18 +1,19 @@
-import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as h, computed as w, watch as N, nextTick as z, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as $, unref as x, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as A, onBeforeUnmount as te, createBlock as F, withCtx as E, createVNode as ae, renderSlot as J, provide as K, toRef as se, shallowRef as le, toValue as P } from "vue";
+import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as y, computed as w, watch as N, nextTick as $, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as D, unref as k, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as P, onBeforeUnmount as te, createBlock as V, withCtx as z, createVNode as ae, renderSlot as J, provide as A, toRef as se, shallowRef as le, toValue as K } from "vue";
 import { useI18n as Q } from "vue-i18n";
 import { _ as oe } from "./Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";
 import { _ as q } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
 import { D as ne } from "./shortcut-oixX55SZ.js";
 import { _ as re, r as ie, s as U, c as B, f as ue } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
-import { d as ce } from "./options-B48UiYsG.js";
-import { t as de } from "./toast-CqSDTWRX.js";
-import { a as fe } from "./leaveGuard-Cc8yeLxM.js";
-const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], me = {
+import { f as ce } from "./useCommand-DAMgQ5NE.js";
+import { d as de } from "./options-B48UiYsG.js";
+import { t as fe } from "./toast-CqSDTWRX.js";
+import { a as ve } from "./leaveGuard-Cc8yeLxM.js";
+const me = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], pe = {
   key: 1,
   class: "h-5 w-px animate-caret-blink bg-content-strong"
-}, De = /* @__PURE__ */ L({
+}, Ee = /* @__PURE__ */ L({
   __name: "OtpInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ P({
     length: { default: 6 },
     disabled: { type: Boolean, default: !1 },
     invalid: { type: Boolean, default: !1 },
@@ -24,44 +25,44 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["complete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["complete"], ["update:modelValue"]),
   setup(l, { expose: a, emit: t }) {
-    const o = l, i = X(l, "modelValue"), d = t, { t: m } = Q(), f = Y(), r = O("input"), v = h(!1), g = h(0), c = h(!1), y = (s) => s.replace(/\D/g, "").slice(0, o.length), u = w(() => y(i.value)), k = w(() => Math.min(g.value, o.length - 1)), D = w(() => o.label ?? m("core.form.otp.label", { length: o.length }));
+    const o = l, u = X(l, "modelValue"), c = t, { t: d } = Q(), v = Y(), r = O("input"), f = y(!1), g = y(0), m = y(!1), h = (s) => s.replace(/\D/g, "").slice(0, o.length), i = w(() => h(u.value)), x = w(() => Math.min(g.value, o.length - 1)), G = w(() => o.label ?? d("core.form.otp.label", { length: o.length }));
     function p() {
-      g.value = r.value?.selectionStart ?? u.value.length;
+      g.value = r.value?.selectionStart ?? i.value.length;
     }
     function S(s) {
-      const e = y(s);
+      const e = h(s);
       r.value && r.value.value !== e && (r.value.value = e);
-      const n = e !== u.value;
-      i.value = e, z(p), n && e.length === o.length && d("complete", e);
+      const n = e !== i.value;
+      u.value = e, $(p), n && e.length === o.length && c("complete", e);
     }
-    function G(s) {
+    function E(s) {
       const e = s.clipboardData?.getData("text") ?? "";
-      e && (s.preventDefault(), S(e), z(() => {
-        const n = u.value.length;
+      e && (s.preventDefault(), S(e), $(() => {
+        const n = i.value.length;
         r.value?.setSelectionRange(n, n), p();
       }));
     }
     return N(
       () => o.invalid,
       (s) => {
-        s && (c.value = !1, requestAnimationFrame(() => c.value = !0));
+        s && (m.value = !1, requestAnimationFrame(() => m.value = !0));
       }
-    ), N(u, (s) => {
-      r.value && r.value.value !== s && (r.value.value = s, z(p));
+    ), N(i, (s) => {
+      r.value && r.value.value !== s && (r.value.value = s, $(p));
     }), H(() => {
       o.autofocus && r.value?.focus();
     }), a({ focus: () => r.value?.focus() }), (s, e) => (b(), _("div", {
-      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": c.value }]),
+      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": m.value }]),
       "data-test": "otp-input",
-      onAnimationend: e[3] || (e[3] = (n) => c.value = !1)
+      onAnimationend: e[3] || (e[3] = (n) => m.value = !1)
     }, [
-      $("input", {
-        id: x(f),
+      D("input", {
+        id: k(v),
         ref_key: "input",
         ref: r,
-        value: u.value,
+        value: i.value,
         name: o.name,
         type: "text",
         inputmode: "numeric",
@@ -69,34 +70,34 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
         pattern: "\\d*",
         spellcheck: "false",
         disabled: o.disabled,
-        "aria-label": D.value,
+        "aria-label": G.value,
         "aria-invalid": o.invalid || void 0,
         "aria-describedby": o.describedBy,
         "data-test": "otp-input-field",
         class: "absolute inset-0 z-10 h-full w-full cursor-text border-0 bg-transparent p-0 text-base text-transparent caret-transparent outline-none selection:bg-transparent disabled:cursor-not-allowed",
         onInput: e[0] || (e[0] = (n) => S(n.target.value)),
-        onPaste: G,
+        onPaste: E,
         onFocus: e[1] || (e[1] = (n) => {
-          v.value = !0, p();
+          f.value = !0, p();
         }),
-        onBlur: e[2] || (e[2] = (n) => v.value = !1),
+        onBlur: e[2] || (e[2] = (n) => f.value = !1),
         onKeyup: p,
         onClick: p,
         onSelect: p
-      }, null, 40, ve),
+      }, null, 40, me),
       (b(!0), _(I, null, Z(o.length, (n) => (b(), _("div", {
         key: n,
         "aria-hidden": "true",
         "data-test": "otp-input-cell",
-        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : v.value && k.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
+        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : f.value && x.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
       }, [
-        u.value[n - 1] ? (b(), _(I, { key: 0 }, [
-          ee(j(u.value[n - 1]), 1)
-        ], 64)) : v.value && k.value === n - 1 ? (b(), _("span", me)) : C("", !0)
+        i.value[n - 1] ? (b(), _(I, { key: 0 }, [
+          ee(j(i.value[n - 1]), 1)
+        ], 64)) : f.value && x.value === n - 1 ? (b(), _("span", pe)) : C("", !0)
       ], 2))), 128))
     ], 34));
   }
-}), pe = { class: "text-footnote" }, be = { class: "text-footnote" }, Ge = /* @__PURE__ */ L({
+}), be = { class: "text-footnote" }, ge = { class: "text-footnote" }, Fe = /* @__PURE__ */ L({
   __name: "GroupSheet",
   props: {
     sheet: {},
@@ -109,72 +110,78 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   emits: ["saved"],
   setup(l, { emit: a }) {
-    const t = l, o = a, { t: i } = Q(), d = O("modal"), m = O("body"), f = h(!1);
+    const t = l, o = a, { t: u } = Q(), c = O("modal"), d = O("body"), v = y(!1);
     let r = null;
-    N(() => t.sheet.open.value, (c) => {
-      c ? (f.value = !1, d.value?.present()) : d.value?.dismiss();
+    N(() => t.sheet.open.value, (h) => {
+      h ? (v.value = !1, c.value?.present()) : c.value?.dismiss();
     }), H(() => {
-      t.sheet.open.value && d.value?.present();
+      t.sheet.open.value && c.value?.present();
     }), te(() => {
       r && clearTimeout(r);
     });
-    async function v() {
-      await t.sheet.save() && (f.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne));
+    const f = () => $().then(() => d.value ? ce(d.value) : !1);
+    async function g() {
+      if (!await t.sheet.save()) {
+        f();
+        return;
+      }
+      v.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne);
     }
-    const g = w(() => t.sheet.saving.value ? "processing" : f.value ? "done" : "idle");
-    return (c, y) => (b(), F(oe, {
+    const m = w(() => t.sheet.saving.value ? "processing" : v.value ? "done" : "idle");
+    return (h, i) => (b(), V(oe, {
       ref_key: "modal",
-      ref: d,
+      ref: c,
       size: t.size,
       grouped: "",
       title: t.title,
       subtitle: t.subtitle,
       "before-dismiss": t.sheet.beforeDismiss,
-      "primary-label": t.editable ? x(i)("core.actions.save") : void 0,
-      status: g.value,
-      "processing-label": x(i)("core.actions.saving"),
-      "done-label": x(i)("core.actions.saved"),
-      onPrimary: v,
-      onDismissed: y[0] || (y[0] = (u) => t.sheet.closed())
+      "primary-label": t.editable ? k(u)("core.actions.save") : void 0,
+      status: m.value,
+      "processing-label": k(u)("core.actions.saving"),
+      "done-label": k(u)("core.actions.saved"),
+      onPrimary: g,
+      onPresented: f,
+      onDismissed: i[0] || (i[0] = (x) => t.sheet.closed())
     }, {
-      default: E(() => [
-        $("div", {
+      default: z(() => [
+        D("div", {
           ref_key: "body",
-          ref: m,
+          ref: d,
           class: "flex min-w-0 flex-col gap-group-gap"
         }, [
-          t.sheet.notice.value ? (b(), F(q, {
+          t.sheet.notice.value ? (b(), V(q, {
             key: 0,
             tone: "warning",
             "data-test": "group-sheet-notice"
           }, {
-            default: E(() => [
-              $("p", pe, j(t.sheet.notice.value), 1)
+            default: z(() => [
+              D("p", be, j(t.sheet.notice.value), 1)
             ]),
             _: 1
           })) : C("", !0),
-          t.sheet.foreignGroups.value.length ? (b(), F(q, {
+          t.sheet.foreignGroups.value.length ? (b(), V(q, {
             key: 1,
             tone: "warning",
             "data-test": "group-sheet-foreign"
           }, {
-            default: E(() => [
-              $("p", be, j(x(i)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
+            default: z(() => [
+              D("p", ge, j(k(u)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
             ]),
             _: 1
           })) : C("", !0),
           ae(re, {
             form: t.sheet.form,
             label: t.fieldLabel,
-            scope: m.value
+            scope: d.value
           }, null, 8, ["form", "label", "scope"]),
-          J(c.$slots, "default")
+          J(h.$slots, "default")
         ], 512)
       ]),
       _: 3
     }, 8, ["size", "title", "subtitle", "before-dismiss", "primary-label", "status", "processing-label", "done-label"]));
   }
-}), ge = ["data-group"], Ve = /* @__PURE__ */ L({
+}), he = ["data-group"], Ve = /* @__PURE__ */ L({
   __name: "RecordGroupScope",
   props: {
     only: {},
@@ -182,43 +189,43 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   setup(l) {
     const a = l;
-    return K(ie, { only: se(a, "only") }), K(ce, w(() => a.editable)), (t, o) => (b(), _("div", {
+    return A(ie, { only: se(a, "only") }), A(de, w(() => a.editable)), (t, o) => (b(), _("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "record-group-scope",
       "data-group": a.only
     }, [
       J(t.$slots, "default")
-    ], 8, ge));
+    ], 8, he));
   }
 });
 function ze(l) {
   const { form: a } = l;
   if (l.rebase && !a.rebase) throw new Error("useGroupSheet: `rebase` needs a record form (useResourceForm), which can take the freshly read record as its base.");
-  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => P(l.restore) ?? t(), i = h(!1), d = h(!1), m = h([]), f = h(null), r = le({});
-  let v = {};
-  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), c = w(() => i.value && !U(g(o()), r.value)), { confirmDiscard: y } = fe(() => c.value);
-  function u() {
-    v = g(o()), r.value = B(v);
+  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => K(l.restore) ?? t(), u = y(!1), c = y(!1), d = y([]), v = y(null), r = le({});
+  let f = {};
+  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), m = w(() => u.value && !U(g(o()), r.value)), { confirmDiscard: h } = ve(() => m.value);
+  function i() {
+    f = g(o()), r.value = B(f);
   }
-  function k() {
-    u(), m.value = [], f.value = null, a.dismissFailure(), i.value = !0;
+  function x() {
+    i(), d.value = [], v.value = null, a.dismissFailure(), u.value = !0;
   }
-  function D() {
-    if (i.value) {
-      c.value && Object.assign(a.values, B(v));
+  function G() {
+    if (u.value) {
+      m.value && Object.assign(a.values, B(f));
       for (const s of t()) a.errors.clear(s);
-      a.dismissFailure(), i.value = !1;
+      a.dismissFailure(), u.value = !1;
     }
   }
   function p(s) {
-    const e = new Set(t()), n = P(l.group), M = /* @__PURE__ */ new Set();
+    const e = new Set(t()), n = K(l.group), M = /* @__PURE__ */ new Set();
     for (const W of Object.keys(s.all())) {
       const R = ue(W);
       if (e.has(R)) continue;
-      const V = l.groupOf?.(R) ?? l.fallbackGroup;
-      V && V !== n && M.add(V);
+      const F = l.groupOf?.(R) ?? l.fallbackGroup;
+      F && F !== n && M.add(F);
     }
-    m.value = [...M];
+    d.value = [...M];
   }
   async function S(s) {
     const e = B(g(t().filter((n) => !U(a.values[n], r.value[n]))));
@@ -227,11 +234,11 @@ function ze(l) {
     } catch {
       return;
     }
-    a.rebase?.() && (u(), Object.assign(a.values, e), f.value = s.message());
+    a.rebase?.() && (i(), Object.assign(a.values, e), v.value = s.message());
   }
-  async function G() {
-    if (d.value) return !1;
-    d.value = !0, m.value = [], f.value = null;
+  async function E() {
+    if (c.value) return !1;
+    c.value = !0, d.value = [], v.value = null;
     try {
       const s = l.onSaved ? () => l.onSaved?.() : void 0;
       let e;
@@ -240,38 +247,38 @@ function ze(l) {
       else throw new Error("useGroupSheet: the form has no full-record save(), so give the sheet its own `save` for a dedicated endpoint.");
       switch (e.status) {
         case "saved":
-          return u(), !0;
+          return i(), !0;
         case "saved-refresh-failed":
-          return u(), de.warning(a.failure.value?.message ?? ""), !0;
+          return i(), fe.warning(a.failure.value?.message ?? ""), !0;
         case "aborted":
           return !1;
         case "failed":
           return e.failure.kind === "conflict" && l.rebase ? await S(l.rebase) : p(a.errors), !1;
       }
     } finally {
-      d.value = !1;
+      c.value = !1;
     }
   }
   return {
-    open: i,
-    saving: d,
-    dirty: c,
-    foreignGroups: m,
-    notice: f,
+    open: u,
+    saving: c,
+    dirty: m,
+    foreignGroups: d,
+    notice: v,
     failure: a.failure,
     form: a,
-    present: k,
+    present: x,
     dismiss: () => {
-      i.value = !1;
+      u.value = !1;
     },
-    save: G,
-    beforeDismiss: y,
-    closed: D
+    save: E,
+    beforeDismiss: h,
+    closed: G
   };
 }
 export {
-  Ge as _,
+  Fe as _,
   Ve as a,
-  De as b,
+  Ee as b,
   ze as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "goCore": "v1.19.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [