@wssto2/vue-core 0.12.1 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## 0.13.0 — 2026-10-18
+
+Platform features an application kept to itself: per-person preferences (dark mode, dismissed tips) on go-core identity, an
+anchored onboarding tip, the formatting options a house style needs, a Zod error map, handled-error reports and the bound
+application for code outside setup. Needs go-core v1.18.0 (`goCore`, `src/modules` synced).
+
+### New
+- **platform:** `preferencesOf(platform)`, `mergePatch` (RFC 7396), `Preferences`, `PreferencesPatch`. The session snapshot carries `preferences` (the top-level `preferences` of the session payload; `{}` when absent or not an object); `session.update({ preferences })`; `createTestPlatform({ preferences })`.
+- **identity:** `usePreferences<T>()`: a reactive `value` and `save(patch)`, applied at once, sent as `PUT /v1/auth/preferences` (`identityRoutes.preferencesUpdate`), replaced by the server's merged answer, saves one after another; a refusal takes back only that patch, with a toast.
+- **onboarding:** new subpath `@wssto2/vue-core/onboarding` with `Tip`: an anchored, non-modal tip shown until closed and remembered in the person's preferences (`dismissedAt`, default `tips_dismissed`), one open at a time; the anchor glows (`[data-tip-anchor]`).
+- **format:** `createFormatting` and `createApplication({ formatting })` take `intlLocale` (language code → `Intl` tag, used by every formatter and exposed as `format.intlLocale`), `datePattern` (a numeric date per language, `DD`/`MM`/`YYYY`), `numberSymbols` (group and decimal, grouping from four digits, `toFixed` rounding), `emptyNumber` and `translate`; `intlFormatters(settings)` takes the same settings.
+- **format:** `format.day()` and `format.dayTime()`: "Today" / "Yesterday" / the date (`core.activity.*`), and the time after it.
+- **form:** `zodErrorMap(application)`, a Zod 4 `customError` onto `validation_errors.*`: the application's key wins, else the library's new `core.validation_errors` (`required`, `min`, `max`, `min_value`, `max_value`, `email`, `url`, `date`, `datetime`) in five languages. `z.config({ customError: zodErrorMap(application) })`.
+- **app:** `Application.report(error, { detail })` and `useApplication().report`: an error the code handled and the user saw, through `onError` with `source: "handled"`; `clientErrorReporter` sends it as an incident, its message headed `[handled: detail]` (go-core's `ClientErrorInput` has no source field yet).
+- **app:** `currentApplication()`, the application `createApplication` made, for code outside setup (`currentApplication().platform.http` in an `api.ts`); `Application.platform` and `Application.format`. `createTestApplication()` in `@wssto2/vue-core/testing`.
+- **resource / collection:** `readRecord`, `readRecordWithMeta`, `found`; `listLoader`, `routeListLoader`, on the current application.
+- **i18n:** `core.tip.ok`, `core.preferences.save_failed`, `core.validation_errors.*` in hr, en, sl, bs and sr-Latn.
+
+### Changed
+- **shell:** `darkMode()` needs no options: it keeps `dark_mode` in the person's preferences. `dark` and `set` are optional, for a preference kept elsewhere.
+- **format:** `toDate` reads `YYYY-MM-DD HH:mm[:ss]` as local time (Safari's `Date` refuses the space) and anything starting `0000-00-00`, `0001-01-01` or `1970-01-01` as empty, with or without a time.
+- **form, content:** the calendar, the date picker, the phone and country pickers, `I18nField` and `ResourceHeader` follow the application's `intlLocale` map (the first day of the week of `en` → `en-GB` is Monday); `ResourceHeader` and the phone field need the formatting provider (always there in an application). `ActivityStream` writes its day headings with `format.day()`.
+- **Breaking:** `firstWeekday`, `weekendDays`, `countryName` and `searchCountries` take the `Intl` tag (`format.intlLocale`), not the language code. `ApplicationOptions.formatting` is `Partial<Formatters> & FormattingSettings`. `testFormatting(i18n, settings?)`.
+- **modules:** regenerated from go-core v1.18.0 (identity: `PreferencesResponse`, `SessionResponse.preferences`, `UpdatePreferencesInput`, `preferencesUpdate`).
+
 ## 0.12.1 — 2026-10-18
 
 go-core `v1.16.1`: a type the wire writes as text is generated as a string.

package/README.md

@@ -11,7 +11,7 @@ Its plan and rules are in [PLAN.md](PLAN.md).
 | Import | For |
 |---|---|
 | `@wssto2/vue-core/platform` | `readBootstrap`, `createPlatform` (HTTP client, session, access), `AccessGate`, typed contexts |
-| `@wssto2/vue-core/app` | `createApplication`, `defineFeature`, shell outlets, effects |
+| `@wssto2/vue-core/app` | `createApplication`, `defineFeature`, `currentApplication` and `application.report` (outside setup, handled errors), shell outlets, effects |
 | `@wssto2/vue-core/shell` | `backofficeShell`, the shell's parts for a custom one |
 | `@wssto2/vue-core/router` | `defineRoutes` (typed targets), guards, navigation |
 | `@wssto2/vue-core/collection` | `defineCollection`, `useCollection`, `CollectionPage`, `DataTable` (a table over an array), record neighbors |
@@ -21,8 +21,9 @@ Its plan and rules are in [PLAN.md](PLAN.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/onboarding` | `Tip`: a card beside something new, shown until the person closes it, remembered in their stored preferences (`usePreferences`, in `/identity`): [preferences and tips](docs/recipes/preferences.md) |
 | `@wssto2/vue-core/incidents` | go-core's incident module: `incidentsFeature({ destination, appVersion })`: the list, an incident with its reports, comments and management form, "Report a bug" in the account menu; `clientErrorReporter({ platform })`: the browser's own errors reported as incidents: [incidents](docs/recipes/incidents.md) |
-| `@wssto2/vue-core/testing` | `createTestPlatform`, `createTestApp`, fake transports: for your tests, [testing](docs/recipes/testing.md) |
+| `@wssto2/vue-core/testing` | `createTestPlatform`, `createTestApp`, `createTestApplication`, fake transports: for your tests, [testing](docs/recipes/testing.md) |
 | `@wssto2/vue-core/playwright` | `mockAuth`, `serveAccess`, `serveNotifications`, `serveProfile`, `serveUsers`: Playwright mocks of the library's endpoints, [end-to-end specs](docs/recipes/e2e.md) |
 
 Nothing is reachable by a deep import. The peers are `vue`, `vue-router` and `vue-i18n`; the library never bundles them.
@@ -343,6 +344,7 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 - [Lint](docs/recipes/lint.md): `vue-core lint` and `@wssto2/vue-core/eslint`: ceilings per file and rule that only go down, the typed run on changed files
 - [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
 - [Incidents](docs/recipes/incidents.md): go-core's incident module: the list and an incident, "Report a bug", the browser's errors reported (what is and is not sent), source maps
+- [Preferences and tips](docs/recipes/preferences.md): `usePreferences`, the person's stored settings, `darkMode()` on them, the `Tip` beside something new
 - [Theming](docs/recipes/theming.md): brand accent, dark mode, tokens, status tones and category hues
 - [Testing](docs/recipes/testing.md): the application's environment and a fake backend for your tests
 - [End-to-end specs](docs/recipes/e2e.md): `@wssto2/vue-core/playwright`, the Playwright mocks of go-core's envelope, session, access, notification, profile and users routes

package/dist/{AccessGate.vue_vue_type_script_setup_true_lang-CzQbD2Pc.js → AccessGate.vue_vue_type_script_setup_true_lang-DEzXovsY.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, computed as i, renderSlot as n } from "vue";
-import { u as l } from "./platform-BQOX_Ntw.js";
+import { u as l } from "./platform-DtISOEt7.js";
 const m = /* @__PURE__ */ t({
   __name: "AccessGate",
   props: {

package/dist/{Activity-CdkJW68R.js → Activity-ChfxdvXf.js}

@@ -3,16 +3,17 @@ import { useI18n as D } from "vue-i18n";
 import { RouterLink as I } from "vue-router";
 import { _ as T } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
 import { _ as z } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
-import { u as G } from "./format-D8KUBmbS.js";
-import { _ as B } from "./DateField.vue_vue_type_script_setup_true_lang-CeNwBbJT.js";
+import { u as G } from "./format-DoKs29bZ.js";
+import { _ as B } from "./DateField.vue_vue_type_script_setup_true_lang-B5UUY1OO.js";
 import { a as H } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
 import { g as J } from "./options-B48UiYsG.js";
-import { P as M, f as Q, i as W, l as X } from "./index-Cq9TuOqH.js";
-import { u as Y } from "./platform-BQOX_Ntw.js";
-import { b as Z } from "./routeResource-DlTsGTg_.js";
-import { _ as tt } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
-import { _ as et } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as at } from "./useLoad-M7V-AVwR.js";
+import { i as M } from "./preferences-hYhrw8Uy.js";
+import { u as Q } from "./platform-DtISOEt7.js";
+import { b as W } from "./routeResource-DlTsGTg_.js";
+import { _ as X } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.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-DZikGJ8L.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",
@@ -28,15 +29,15 @@ const ot = {
   key: 1,
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-activity-feed": ""
-}, ut = { class: "flex flex-wrap items-center gap-x-1.5" }, ct = { key: 1 }, dt = { class: "text-body tabular-nums text-content-muted" }, mt = { class: "px-row-inset text-footnote text-content-muted" }, At = /* @__PURE__ */ q({
+}, ut = { class: "flex flex-wrap items-center gap-x-1.5" }, ct = { key: 1 }, dt = { class: "text-body tabular-nums text-content-muted" }, mt = { class: "px-row-inset text-footnote text-content-muted" }, Bt = /* @__PURE__ */ q({
   __name: "Activity",
   setup(pt) {
-    const { t: o, te: k } = D(), { http: E } = Y(), w = G(), h = Z(M), { activityAreas: L, activityRecords: P } = Q(), d = b("all"), m = b(null), p = b(null), y = b(1), _ = at(
+    const { t: o, te: k } = D(), { http: E } = Q(), w = G(), h = W(tt), { activityAreas: L, activityRecords: P } = et(), d = b("all"), m = b(null), p = b(null), y = b(1), _ = Z(
       async ({ signal: e }) => {
         const t = h.id.value;
         if (t === null) return null;
         const a = { id: t, page: y.value, per_page: 20, ...d.value === "all" ? {} : { area: d.value }, ...m.value ? { from: m.value } : {}, ...p.value ? { to: p.value } : {} };
-        return (await E.request(W.usersActivity, a, { signal: e })).data;
+        return (await E.request(M.usersActivity, a, { signal: e })).data;
       },
       { watch: () => h.id.value }
     );
@@ -47,16 +48,16 @@ const ot = {
       if (e === "all" || e === "identity" || e === "other") return o(`core.users.activity.areas.${e}`);
       const t = L[e];
       return t && k(t) ? o(t) : o("core.users.activity.areas.other");
-    }, F = V(() => _.data.value?.meta?.views ?? []), K = V(() => {
-      const e = F.value.filter((t) => t.key === "all" || t.key === d.value || t.count > 0).map((t) => ({ value: t.key, label: $(t.key), badge: t.count }));
+    }, j = V(() => _.data.value?.meta?.views ?? []), F = V(() => {
+      const e = j.value.filter((t) => t.key === "all" || t.key === d.value || t.count > 0).map((t) => ({ value: t.key, label: $(t.key), badge: t.count }));
       return e.length > 0 ? e : [{ value: "all", label: $("all") }];
-    }), O = (e, t) => {
+    }), K = (e, t) => {
       const a = P[e];
       return a && k(a.labelKey) ? { text: `${o(a.labelKey)} #${t}`, to: a.to?.(t) } : { text: `${e} #${t}`, to: void 0 };
-    }, S = (e) => k(`core.users.activity.actions.${e}`) ? o(`core.users.activity.actions.${e}`) : o("core.users.activity.actions.other"), j = V(() => {
+    }, O = (e) => k(`core.users.activity.actions.${e}`) ? o(`core.users.activity.actions.${e}`) : o("core.users.activity.actions.other"), S = V(() => {
       const e = [];
       for (const t of _.data.value?.data ?? []) {
-        const a = { row: t, record: O(t.record_type, t.record_id) }, i = t.created_at.slice(0, 10), n = e[e.length - 1];
+        const a = { row: t, record: K(t.record_type, t.record_id) }, i = t.created_at.slice(0, 10), n = e[e.length - 1];
         n && n.key === i ? n.rows.push(a) : e.push({ key: i, header: w.date(t.created_at), rows: [a] });
       }
       return e;
@@ -70,7 +71,7 @@ const ot = {
         v(s(z), {
           modelValue: d.value,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => d.value = a),
-          tabs: K.value,
+          tabs: F.value,
           presentation: "scope",
           label: s(o)("core.users.activity.areas_label")
         }, null, 8, ["modelValue", "tabs", "label"]),
@@ -89,7 +90,7 @@ const ot = {
           }, null, 8, ["modelValue", "label", "min"])
         ])
       ]),
-      v(s(tt), {
+      v(s(X), {
         state: s(_).state.value,
         "skeleton-rows": 5,
         "is-empty": () => !1,
@@ -97,7 +98,7 @@ const ot = {
       }, {
         default: u(({ value: a }) => [
           !a || a.data.length === 0 ? (l(), f("p", it, c(s(o)("core.users.activity.empty")), 1)) : (l(), f("div", rt, [
-            (l(!0), f(C, null, N(j.value, (i) => (l(), g(s(H), {
+            (l(!0), f(C, null, N(S.value, (i) => (l(), g(s(H), {
               key: i.key,
               header: i.header
             }, {
@@ -105,7 +106,7 @@ const ot = {
                 (l(!0), f(C, null, N(i.rows, ({ row: n, record: x }) => (l(), g(s(J), {
                   key: n.id,
                   layout: "setting",
-                  label: S(n.action),
+                  label: O(n.action),
                   "data-activity-row": ""
                 }, {
                   leading: u(() => [
@@ -132,7 +133,7 @@ const ot = {
                     ])
                   ]),
                   default: u(() => [
-                    n.signed_in_as ? (l(), g(s(et), {
+                    n.signed_in_as ? (l(), g(s(Y), {
                       key: 0,
                       tone: "warning",
                       "data-activity-signed-in-as": ""
@@ -150,7 +151,7 @@ const ot = {
               _: 2
             }, 1032, ["header"]))), 128))
           ])),
-          a ? (l(), g(X, {
+          a ? (l(), g(at, {
             key: 2,
             page: y.value,
             "onUpdate:page": t[3] || (t[3] = (i) => y.value = i),
@@ -165,5 +166,5 @@ const ot = {
   }
 });
 export {
-  At as default
+  Bt as default
 };

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-D5i77H6S.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js}

@@ -1,26 +1,26 @@
-import { defineComponent as T, computed as _, openBlock as i, createElementBlock as d, Fragment as I, renderList as M, createBlock as x, withCtx as k, createTextVNode as w, toDisplayString as b, unref as l, createElementVNode as m, mergeProps as F, createVNode as v, createCommentVNode as f, renderSlot as h, toValue as z, watch as S, onMounted as R, onBeforeUnmount as L, useTemplateRef as V, provide as A, ref as O, createSlots as H, normalizeClass as D } from "vue";
-import { a as N } from "./mediaQuery-CygcXmFW.js";
+import { defineComponent as L, computed as _, openBlock as i, createElementBlock as d, Fragment as A, renderList as M, createBlock as x, withCtx as k, createTextVNode as w, toDisplayString as b, unref as l, createElementVNode as m, mergeProps as N, createVNode as v, createCommentVNode as f, renderSlot as h, toValue as P, watch as S, onMounted as R, onBeforeUnmount as T, useTemplateRef as I, provide as z, ref as O, createSlots as H, normalizeClass as D } from "vue";
+import { a as V } from "./mediaQuery-CygcXmFW.js";
 import { _ as K } from "./BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
-import { useI18n as E } from "vue-i18n";
+import { useI18n as j } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
 import { _ as y } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as Q } from "./Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
 import { RouterLink as B, useRoute as U } from "vue-router";
-import { i as W } from "./intlLocale-CeRU44qJ.js";
-import { a as j, c as Y, p as G } from "./chrome-nUcmVu8G.js";
+import { u as W } from "./format-DoKs29bZ.js";
+import { a as F, c as Y, p as G } from "./chrome-nUcmVu8G.js";
 import { d as J } from "./context-Ch1r4fdN.js";
 const X = {
   key: 0,
   "data-page-actions": "",
   class: "flex min-w-0 flex-wrap items-center justify-end gap-2"
-}, Z = ["aria-label", "onClick"], P = /* @__PURE__ */ T({
+}, Z = ["aria-label", "onClick"], E = /* @__PURE__ */ L({
   __name: "PageActions",
   props: {
     actions: {},
     leading: {}
   },
   setup(p) {
-    const e = p, { t: a } = E(), u = _(() => [
+    const e = p, { t: a } = j(), u = _(() => [
       ...e.leading ? [e.leading] : [],
       ...e.actions.filter((t) => t.placement !== "overflow" && t.tone !== "critical")
     ]), r = _(() => e.actions.filter((t) => t.placement === "overflow" || t.tone === "critical").map((t) => ({
@@ -36,7 +36,7 @@ const X = {
       return t === e.leading || t.prominence === "plain" ? "plain" : t.prominence === "standard" ? "standard" : t.placement === "primary" ? "primary" : "standard";
     }
     return (t, o) => u.value.length || r.value.length ? (i(), d("div", X, [
-      (i(!0), d(I, null, M(u.value, (s) => (i(), x(q, {
+      (i(!0), d(A, null, M(u.value, (s) => (i(), x(q, {
         key: s.id,
         prominence: c(s),
         icon: s.icon,
@@ -57,7 +57,7 @@ const X = {
         label: l(a)("core.page.more_actions")
       }, {
         trigger: k(({ toggle: s, attrs: g }) => [
-          m("button", F({ type: "button" }, g, {
+          m("button", N({ type: "button" }, g, {
             "aria-label": l(a)("core.page.more_actions"),
             "data-page-overflow": "",
             class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-button bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
@@ -84,7 +84,7 @@ const X = {
   class: "flex shrink-0 items-center gap-1.5 text-footnote text-content-muted",
   role: "status",
   "data-page-status": ""
-}, re = /* @__PURE__ */ T({
+}, re = /* @__PURE__ */ L({
   __name: "PageToolbar",
   props: {
     back: {},
@@ -94,7 +94,7 @@ const X = {
     status: {}
   },
   setup(p) {
-    const e = p, { t: a } = E(), u = _(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), r = _(() => e.path && u.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
+    const e = p, { t: a } = j(), u = _(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), r = _(() => e.path && u.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
     return (c, t) => (i(), d("div", ee, [
       u.value.length && r.value ? (i(), d("nav", {
         key: 0,
@@ -109,7 +109,7 @@ const X = {
           })
         ]),
         m("ol", ne, [
-          (i(!0), d(I, null, M(u.value, (o) => (i(), d("li", {
+          (i(!0), d(A, null, M(u.value, (o) => (i(), d("li", {
             key: o.label,
             class: "flex min-w-0 max-w-48 shrink items-center max-lg:hidden"
           }, [
@@ -167,7 +167,7 @@ const X = {
         }, null, -1)),
         w(b(e.status), 1)
       ])) : f("", !0),
-      v(P, {
+      v(E, {
         actions: e.actions,
         leading: e.leading
       }, null, 8, ["actions", "leading"])
@@ -175,13 +175,13 @@ const X = {
   }
 });
 function ce(p, e, a = !0) {
-  const u = j();
-  if (!u || !z(a)) return;
+  const u = F();
+  if (!u || !P(a)) return;
   const r = u.claim();
   let c = null;
-  S(() => z(e), (t) => r.setTitle(t), { immediate: !0 }), R(() => {
+  S(() => P(e), (t) => r.setTitle(t), { immediate: !0 }), R(() => {
     !p.value || typeof IntersectionObserver > "u" || (c = new IntersectionObserver(([t]) => r.setTitleInView(t?.isIntersecting ?? !0), { rootMargin: "-52px 0px 0px 0px" }), c.observe(p.value));
-  }), L(() => {
+  }), T(() => {
     c?.disconnect(), r.clearTitle();
   });
 }
@@ -204,7 +204,7 @@ const ue = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, de
   class: "flex shrink-0 items-center gap-1.5 text-footnote text-content-muted",
   role: "status",
   "data-page-status": ""
-}, ke = /* @__PURE__ */ T({
+}, ke = /* @__PURE__ */ L({
   __name: "ResourceHeader",
   props: {
     title: {},
@@ -217,7 +217,7 @@ const ue = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, de
     inlineActions: { type: Boolean, default: !1 }
   },
   setup(p) {
-    const e = p, { locale: a } = E(), u = N("(max-width: 47.999rem)"), r = _(() => e.count == null ? null : new Intl.NumberFormat(W(a.value)).format(e.count)), c = V("titleElement");
+    const e = p, a = W(), u = V("(max-width: 47.999rem)"), r = _(() => e.count == null ? null : a.number(e.count)), c = I("titleElement");
     return ce(c, () => e.title), (t, o) => (i(), d("div", ue, [
       m("div", de, [
         h(t.$slots, "leading", {}, () => [
@@ -249,14 +249,14 @@ const ue = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, de
           }, null, -1)),
           w(b(e.status), 1)
         ])) : f("", !0),
-        v(P, {
+        v(E, {
           actions: e.actions,
           leading: e.leading
         }, null, 8, ["actions", "leading"])
       ])) : f("", !0)
     ]));
   }
-}), [_e, Re] = J("vue-core.pageSectionBack");
+}), [_e, Ie] = J("vue-core.pageSectionBack");
 function xe(p, e) {
   const a = U();
   let u = a.fullPath;
@@ -281,7 +281,7 @@ function xe(p, e) {
       $ && ($.focus({ preventScroll: !0 }), window.scrollTo({ top: s.top, behavior: "instant" }), o());
     };
     c = new MutationObserver(g), c.observe(p.value, { subtree: !0, childList: !0 }), document.addEventListener("pointerdown", o, !0), document.addEventListener("keydown", o, !0), t = setTimeout(o, 1e4), g();
-  }), L(() => {
+  }), T(() => {
     const s = document.activeElement;
     s instanceof HTMLAnchorElement && p.value?.contains(s) && e.focusMemory.put(u, { href: s.getAttribute("href") ?? "", top: window.scrollY }), o();
   });
@@ -289,7 +289,7 @@ function xe(p, e) {
 const we = { key: 1 }, ye = {
   key: 2,
   class: "flex justify-center pt-2"
-}, $e = { class: "dock-safe-area pointer-events-auto order-1 border-t border-border-separator bg-surface-cell pt-screen-padding pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-screen-padding pl-[max(var(--app-screen-padding),var(--app-safe-left))]" }, Ve = /* @__PURE__ */ T({
+}, $e = { class: "dock-safe-area pointer-events-auto order-1 border-t border-border-separator bg-surface-cell pt-screen-padding pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-screen-padding pl-[max(var(--app-screen-padding),var(--app-safe-left))]" }, Ve = /* @__PURE__ */ L({
   __name: "AdaptivePageShell",
   props: {
     title: {},
@@ -303,14 +303,14 @@ const we = { key: 1 }, ye = {
     width: { default: "full" }
   },
   setup(p) {
-    const e = p, a = j() ?? Y();
-    A(G, a);
+    const e = p, a = F() ?? Y();
+    z(G, a);
     const u = a.claimShell();
-    L(u);
-    const r = V("root");
+    T(u);
+    const r = I("root");
     xe(r, a);
-    const c = N("(max-width: 47.999rem)"), t = O(null);
-    A(_e, t);
+    const c = V("(max-width: 47.999rem)"), t = O(null);
+    z(_e, t);
     const o = _(() => {
       if (t.value) return t.value;
       if (e.back !== void 0) return e.back;
@@ -324,7 +324,7 @@ const we = { key: 1 }, ye = {
       () => [e.actions, e.documentTitle],
       ([n, C]) => g.setRegistration({ actions: n, leading: null, status: null, navTitle: null, documentTitle: C ?? null }),
       { immediate: !0 }
-    ), S(o, (n) => g.setBack(n), { immediate: !0 }), L(() => {
+    ), S(o, (n) => g.setBack(n), { immediate: !0 }), T(() => {
       g.clearRegistration(), g.clearBack();
     });
     const $ = { full: "", content: "max-w-content", readable: "max-w-readable" };
@@ -364,7 +364,7 @@ const we = { key: 1 }, ye = {
             status: o.value ? null : l(a).status.value
           }, null, 8, ["title", "description", "icon", "count", "actions", "leading", "status"])
         ]),
-        n.$slots.header && !o.value && !l(c) ? (i(), x(P, {
+        n.$slots.header && !o.value && !l(c) ? (i(), x(E, {
           key: 0,
           actions: l(a).actions.value,
           leading: l(a).leading.value
@@ -390,10 +390,10 @@ const we = { key: 1 }, ye = {
 });
 export {
   Ve as _,
-  P as a,
+  E as a,
   re as b,
   ke as c,
-  Re as d,
+  Ie as d,
   _e as p,
   ce as u
 };

package/dist/{Changes-DxK_QfiB.js → Changes-BCa43_mO.js}

@@ -1,26 +1,27 @@
-import { defineComponent as h, ref as m, watch as p, openBlock as l, createElementBlock as d, createVNode as c, unref as t, withCtx as y, toDisplayString as x, createBlock as f, createCommentVNode as C } from "vue";
-import { useI18n as k } from "vue-i18n";
-import { P as $, f as b, i as V, m as R, l as E } from "./index-Cq9TuOqH.js";
-import { u as N } from "./platform-BQOX_Ntw.js";
-import { b as B } from "./routeResource-DlTsGTg_.js";
-import { _ as P } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
-import { u as S } from "./useLoad-M7V-AVwR.js";
+import { defineComponent as h, ref as m, watch as p, openBlock as l, createElementBlock as d, createVNode as c, unref as t, withCtx as y, toDisplayString as x, createBlock as f, createCommentVNode as k } from "vue";
+import { useI18n as C } from "vue-i18n";
+import { i as $ } from "./preferences-hYhrw8Uy.js";
+import { u as b } from "./platform-DtISOEt7.js";
+import { b as V } from "./routeResource-DlTsGTg_.js";
+import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.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-DZikGJ8L.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 = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-changes": ""
-}, q = {
+}, j = {
   key: 0,
   class: "px-row-inset py-4 text-body text-content-muted",
   "data-changes-empty": ""
-}, K = /* @__PURE__ */ h({
+}, M = /* @__PURE__ */ h({
   __name: "Changes",
-  setup(A) {
-    const g = ["all", "access", "details"], { t: a } = k(), { http: _ } = N(), i = B($), { changeWords: v } = b(), r = m("all"), o = m(1), n = S(
+  setup(q) {
+    const g = ["all", "access", "details"], { t: a } = C(), { http: _ } = b(), i = V(N), { changeWords: v } = B(), r = m("all"), o = m(1), n = E(
       async ({ signal: u }) => {
         const s = i.id.value;
-        return s === null ? null : (await _.request(V.usersChanges, { id: s, view: r.value, page: o.value, per_page: 20 }, { signal: u })).data;
+        return s === null ? null : (await _.request($.usersChanges, { id: s, view: r.value, page: o.value, per_page: 20 }, { signal: u })).data;
       },
       { watch: () => i.id.value }
     );
@@ -39,25 +40,25 @@ const W = {
         "label-of": (e) => t(a)(`core.users.changes.views.${e}`),
         label: t(a)("core.users.sections.changes")
       }, null, 8, ["modelValue", "counts", "label-of", "label"]),
-      c(t(P), {
+      c(t(R), {
         state: t(n).state.value,
         "skeleton-rows": 5,
         "is-empty": () => !1,
         onRetry: s[2] || (s[2] = (e) => t(n).reload())
       }, {
         default: y(({ value: e }) => [
-          !e || e.data.length === 0 ? (l(), d("p", q, x(t(a)("core.users.changes.empty")), 1)) : (l(), f(R, {
+          !e || e.data.length === 0 ? (l(), d("p", j, x(t(a)("core.users.changes.empty")), 1)) : (l(), f(P, {
             key: 1,
             rows: e.data,
             words: t(v)
           }, null, 8, ["rows", "words"])),
-          e ? (l(), f(E, {
+          e ? (l(), f(S, {
             key: 2,
             page: o.value,
             "onUpdate:page": s[1] || (s[1] = (w) => o.value = w),
             "last-page": e.last_page,
             total: e.total
-          }, null, 8, ["page", "last-page", "total"])) : C("", !0)
+          }, null, 8, ["page", "last-page", "total"])) : k("", !0)
         ]),
         _: 1
       }, 8, ["state"])
@@ -65,5 +66,5 @@ const W = {
   }
 });
 export {
-  K as default
+  M as default
 };

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-x0jyJ01f.js → CollectionPage.vue_vue_type_script_setup_true_lang-C1GCvyZx.js}

@@ -1,22 +1,22 @@
 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 { i as qe, a as ut } from "./error-CD7x0Jrz.js";
-import { d as dt } from "./http-Dm0uXY9O.js";
-import { d as Re, o as ft, L as Te, e as je, w as pt, r as vt } from "./state-6KSYsVw0.js";
-import { _ as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-D5i77H6S.js";
+import { d as dt } from "./http-DOEfFCDA.js";
+import { d as Re, o as ft, L as Te, e as je, w as pt, r as vt } from "./state-CXMexi0l.js";
+import { _ as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
 import { useI18n as he } from "vue-i18n";
 import { _ as ce } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
 import { _ as Ge } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
-import { u as Pe } from "./format-D8KUBmbS.js";
+import { u as Pe } from "./format-DoKs29bZ.js";
 import { _ as I } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as Ne } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
 import { _ as Ae } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
-import { u as bt, _ as gt } from "./rowLayout-BsKEzEME.js";
+import { u as bt, _ as gt } from "./rowLayout-y1IB_h2r.js";
 import { u as Ee } from "./shortcut-DUR6yPWA.js";
 import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.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-B3UrXNqH.js";
+import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-YVgf5CP6.js";
 import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
 import { a as _t } from "./mediaQuery-CygcXmFW.js";
 import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-B91aRD_y.js";

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-C_ZytnW-.js → DataTable.vue_vue_type_script_setup_true_lang-B9r9M5Gt.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as u, useSlots as p, openBlock as w, createElementBlock as y, createVNode as f, unref as k, createSlots as b, renderList as m, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
-import { u as R, _ as L } from "./rowLayout-BsKEzEME.js";
+import { u as R, _ as L } from "./rowLayout-y1IB_h2r.js";
 const F = ["aria-busy"], V = /* @__PURE__ */ d({
   __name: "DataTable",
   props: {

package/dist/{DateField.vue_vue_type_script_setup_true_lang-CeNwBbJT.js → DateField.vue_vue_type_script_setup_true_lang-B5UUY1OO.js}

@@ -1,12 +1,12 @@
 import { computed as p, defineComponent as re, useModel as oe, useTemplateRef as T, openBlock as g, createBlock as Y, mergeProps as E, unref as s, createSlots as ae, withCtx as y, createElementBlock as C, Fragment as H, createVNode as D, createTextVNode as ne, toDisplayString as K, createCommentVNode as M, createElementVNode as O, normalizeClass as le, renderSlot as S, mergeModels as G, mergeDefaults as se, nextTick as J } from "vue";
 import { useI18n as L } from "vue-i18n";
 import { _ as ie } from "./DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
-import { u as W } from "./format-D8KUBmbS.js";
+import { u as W } from "./format-DoKs29bZ.js";
 import { _ as de } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { u as ue } from "./mediaQuery-CygcXmFW.js";
 import { _ as ce } from "./Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.js";
 import { e as me, _ as fe, f as pe, b as be } from "./options-B48UiYsG.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-C_Bk4sI0.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-DKs8I1yP.js";
 const _e = ["d", "m", "y"];
 function $e(o) {
   const r = o("2033-11-22"), t = { y: r.indexOf("2033") >= 0 ? r.indexOf("2033") : r.indexOf("33"), m: r.indexOf("11"), d: r.indexOf("22") };

package/dist/{DeadLetters-DnA7LP1w.js → DeadLetters-wFTqhISU.js}

@@ -1,15 +1,15 @@
 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 { a as k } from "./error-CD7x0Jrz.js";
-import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-x0jyJ01f.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-C1GCvyZx.js";
 import { u as P } from "./describeError-B-NMa--w.js";
-import { u as I } from "./format-D8KUBmbS.js";
-import { e as a, R as O } from "./index-ClJeyW3F.js";
+import { u as I } from "./format-DoKs29bZ.js";
+import { e as a, R as O } from "./index-D_yyd4C2.js";
 import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CrFhR9rJ.js";
 import { t as i } from "./toast-CqSDTWRX.js";
 import { u as Y } from "./useLoad-M7V-AVwR.js";
-import { u as j } from "./platform-BQOX_Ntw.js";
-import { d as G, r as H } from "./http-Dm0uXY9O.js";
+import { u as j } from "./platform-DtISOEt7.js";
+import { d as G, r as H } from "./http-DOEfFCDA.js";
 function J(u) {
   return G({
     id: "events.deadletters",