@wssto2/vue-core 0.4.25 → 0.4.27

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # Changelog
 
+## 0.4.27 — 2026-10-12
+
+The gaps ARV lane W found when it moved its twin components onto the library. Four items (plus `Avatar` `src`, which `Timestamp` author needs); no existing default changes.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **Page chrome spec hooks.** The toolbar root is `data-page-toolbar`, the breadcrumb `nav` `data-page-path` and the actions group `data-page-actions`, beside the existing `data-page-shell`, `-back`, `-action="<id>"`, `-overflow`, `-path-item` and `-status`. The phone nav bar now carries `data-page-back` and `data-page-overflow` on its back and "More" buttons. All are documented as stable spec hooks (testing recipe); each appears once per page. ARV: the 39 specs that select `[data-test="page-toolbar"]`, `page-back`, `page-action-overflow`, `page-shell`, `page-status`, `page-path` and `page-actions` move to `[data-page-*]` when the catalogue screens adopt the library shell.
+- **`Timestamp` `author`** (`@wssto2/vue-core/content`): `{ name: string; avatarUrl?: string | null } | null`. With an author the calendar icon gives way to the smallest `Avatar` and the name (truncated), then the date in muted text, which never shrinks; `precision` still applies, no author is the date alone, and an empty value still reads "No data". `avatarUrl` is the photo's full URL, **built by the app** (no auth or fetching in the library); ARV joins its legacy URL and the photo path. ARV: the 22 non-deferred `Timestamp` users (`:date` becomes `:value`, `with-time` becomes `precision`).
+- **`Avatar` `src`** (`@wssto2/vue-core/content`): `src?: string | null`, a full URL. Draws the photo (round, `object-cover`, `alt` = the name, not draggable); the initials show when `src` is empty, while it loads and if it fails to load (never a broken-image icon), and a changed `src` retries.
+- **`asyncState({ loading, error, value })`** (`@wssto2/vue-core/state`): the `AsyncState` of a region driven by plain flags, for `AsyncSection`'s one `state` prop (no second props surface). `value` is `undefined` until there is an answer (`null` is an answer, shown as empty); loading over a value is `refreshing`, an error over a value is `stale`, loading wins over an error, an empty error is none, and nothing yet is `loading`. ARV: the offer and contract document sections.
+- **`MenuButton`** (`@wssto2/vue-core/overlay`): the round "⋯" button for a `Menu`'s `#trigger` slot. `<MenuButton v-bind="trigger" label="…" />` (props `label` required, `icon` default `moreLine`, plus the slot scope `presented`, `toggle`, `attrs`). It carries the trigger attrs and shows a pressed look (`data-pressed`) while the menu is open. ARV: `FollowUpRow`.
+
+### Changes to existing behaviour
+- None. **Pinned by tests that were updated:** none.
+
+## 0.4.26 — 2026-10-12
+
+A typed platform declared once, and the signed-in user changed in place. From ARV cutover g (the step f map, wave 2 step 0). Three items, one commit each.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **`PlatformRegistry`** (`@wssto2/vue-core/platform`): the app says once what its session user and bootstrap config are, as it does for permissions: `declare module "@wssto2/vue-core/platform" { interface PlatformRegistry { user: ArvUser; config: ArvConfig } }`. Bare `Platform` (what `usePlatform()`, `createApplication({ platform })`, `createTestPlatform()` and `createTestSession()` use) is then `Platform<ArvUser, ArvConfig>`; a key left out falls back to `SessionUser` / `BootstrapConfig` (`RegisteredUser` and `RegisteredConfig` are exported). `createPlatform<U, C>` stays generic. **Moving from explicit generics:** declare the registry once, then drop the casts at every `usePlatform()` read and `Platform<User, Config>` annotations (they still compile: the same type). Checked by `typing.test-d.ts` (not augmented) and `test-data/registry` (augmented; `npm run typecheck:registry`, part of `check`).
+- **`useSessionUser()`**: the signed-in user as a readonly computed ref, typed from the registry, `null` unless authenticated (a held, expired session is not a signed-in user). The impersonator stays on `session.state`. No `useSession()` reader: `usePlatform().session` is enough. ARV: the 39 files reading `useAuthStore().user` can read it.
+- **`session.update(patch)`**: `patch` is `Partial<Pick<SessionSnapshot, "user" | "access" | "navigation">>` (`SessionPatch`). It replaces those parts of a signed-in session and keeps the status, `expiresAt`, impersonator and the rest. It is not a change of who is signed in: nothing in flight is cancelled and no late answer is dropped (a `refresh()` already asked still lands with the server's version). Reactive readers (`useSessionUser`, the access client, the application's locale-from-user) see the new value. A no-op unless authenticated; a `user.id` other than the signed-in one **throws** (a programming error: a different person is `session.establish`). ARV: `useAuthStore.write()` becomes `session.update(...)`, so a language or profile save no longer re-establishes the session.
+
+### Changes to existing behaviour
+- **Bare `Platform` follows the registry.** Without an augmentation nothing changes. With one, a platform built with another user type no longer fits bare `Platform`. `createTestPlatform({ config })` must then give the registered config's own fields (the test has no other source for them). ARV: `frontend/tests/app/features.test.ts` and `frontend/tests/support/arvApp.ts` (`createTestPlatform`) once the registry declares `config`.
+- **Pinned by tests that were updated:** none.
+
 ## 0.4.25 — 2026-10-12
 
 The photo viewer's actions on a phone. From ARV cutover g (wave 1, the vehicle gallery). Two items, one commit each.

package/dist/{AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js → AccessGate.vue_vue_type_script_setup_true_lang-J5HoyGNJ.js}

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

package/dist/{Activity-CI-l_OFl.js → Activity-xtkZq4vG.js}

@@ -6,10 +6,10 @@ import { u as O } from "./format-D8X4zsx6.js";
 import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as z } from "./control-B4SdblL6.js";
-import { P as G, c as H, i as J } from "./index-BmowiT1y.js";
-import { u as K } from "./platform-q3cjODLx.js";
+import { P as G, c as H, i as J } from "./index-LP6NNnow.js";
+import { u as K } from "./platform-PZpUkkMS.js";
 import { b as M } from "./routeResource-DlTsGTg_.js";
-import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
 import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as X } from "./useLoad-M7V-AVwR.js";
 import { _ as Y } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js}

@@ -12,25 +12,26 @@ import { d as ee } from "./context-Ch1r4fdN.js";
 const te = /* @__PURE__ */ $({
   __name: "BottomDockPortal",
   setup(d) {
-    const e = D() ? F(U, null) : null, n = k(() => e?.value ?? null);
+    const e = D() ? F(U, null) : null, a = k(() => e?.value ?? null);
     return (c, i) => (r(), _(O, {
-      to: n.value,
-      disabled: !n.value
+      to: a.value,
+      disabled: !a.value
     }, [
       v(c.$slots, "default")
     ], 8, ["to", "disabled"]));
   }
-}), ne = {
+}), ae = {
   key: 0,
+  "data-page-actions": "",
   class: "flex min-w-0 flex-wrap items-center justify-end gap-2"
-}, ae = ["aria-label", "onClick"], E = /* @__PURE__ */ $({
+}, ne = ["aria-label", "onClick"], E = /* @__PURE__ */ $({
   __name: "PageActions",
   props: {
     actions: {},
     leading: {}
   },
   setup(d) {
-    const e = d, { t: n } = P(), c = k(() => [
+    const e = d, { t: a } = P(), c = k(() => [
       ...e.leading ? [e.leading] : [],
       ...e.actions.filter((t) => t.placement !== "overflow" && t.tone !== "critical")
     ]), i = k(() => e.actions.filter((t) => t.placement === "overflow" || t.tone === "critical").map((t) => ({
@@ -45,7 +46,7 @@ const te = /* @__PURE__ */ $({
     function u(t) {
       return t === e.leading || t.prominence === "plain" ? "plain" : t.prominence === "standard" ? "standard" : t.placement === "primary" ? "primary" : "standard";
     }
-    return (t, o) => c.value.length || i.value.length ? (r(), p("div", ne, [
+    return (t, o) => c.value.length || i.value.length ? (r(), p("div", ae, [
       (r(!0), p(I, null, M(c.value, (s) => (r(), _(W, {
         key: s.id,
         prominence: u(s),
@@ -64,23 +65,26 @@ const te = /* @__PURE__ */ $({
       i.value.length ? (r(), _(Y, {
         key: 0,
         items: i.value,
-        label: l(n)("core.page.more_actions")
+        label: l(a)("core.page.more_actions")
       }, {
         trigger: x(({ toggle: s, attrs: g }) => [
           m("button", H({ type: "button" }, g, {
-            "aria-label": l(n)("core.page.more_actions"),
+            "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",
             onClick: s
           }), [
             b(l(y), { name: "moreLine" })
-          ], 16, ae)
+          ], 16, ne)
         ]),
         _: 1
       }, 8, ["items", "label"])) : f("", !0)
     ])) : f("", !0);
   }
-}), oe = { class: "sticky top-[var(--shell-banner-h,0px)] z-20 flex min-h-bar-height min-w-0 flex-wrap items-center gap-2.5 border-b border-border-separator bg-surface-page/85 py-2 pr-6 pl-4 backdrop-blur-xl" }, se = ["aria-label"], le = {
+}), oe = {
+  "data-page-toolbar": "",
+  class: "sticky top-[var(--shell-banner-h,0px)] z-20 flex min-h-bar-height min-w-0 flex-wrap items-center gap-2.5 border-b border-border-separator bg-surface-page/85 py-2 pr-6 pl-4 backdrop-blur-xl"
+}, se = ["aria-label"], le = {
   class: "flex shrink-0 text-content-link",
   "aria-hidden": "true"
 }, re = { class: "flex min-w-0 items-center" }, ie = {
@@ -101,11 +105,12 @@ const te = /* @__PURE__ */ $({
     status: {}
   },
   setup(d) {
-    const e = d, { t: n } = P(), c = k(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), i = k(() => e.path && c.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
+    const e = d, { t: a } = P(), c = k(() => e.path && e.path.length >= 2 ? e.path.slice(0, -1) : []), i = k(() => e.path && c.value.length ? e.path[e.path.length - 1] ?? null : e.back ?? null);
     return (u, t) => (r(), p("div", oe, [
       c.value.length && i.value ? (r(), p("nav", {
         key: 0,
-        "aria-label": l(n)("core.page.breadcrumbs"),
+        "data-page-path": "",
+        "aria-label": l(a)("core.page.breadcrumbs"),
         class: "-ml-1 flex min-w-0 items-center"
       }, [
         m("span", le, [
@@ -180,9 +185,9 @@ const te = /* @__PURE__ */ $({
     ]));
   }
 });
-function me(d, e, n = !0) {
+function me(d, e, a = !0) {
   const c = N();
-  if (!c || !z(n)) return;
+  if (!c || !z(a)) return;
   const i = c.claim();
   let u = null;
   T(() => z(e), (t) => i.setTitle(t), { immediate: !0 }), R(() => {
@@ -223,7 +228,7 @@ const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, ge
     inlineActions: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const e = d, { locale: n } = P(), c = j("(max-width: 47.999rem)"), i = k(() => e.count == null ? null : new Intl.NumberFormat(J(n.value)).format(e.count)), u = V("titleElement");
+    const e = d, { locale: a } = P(), c = j("(max-width: 47.999rem)"), i = k(() => e.count == null ? null : new Intl.NumberFormat(J(a.value)).format(e.count)), u = V("titleElement");
     return me(u, () => e.title), (t, o) => (r(), p("div", fe, [
       m("div", ge, [
         v(t.$slots, "leading", {}, () => [
@@ -264,13 +269,13 @@ const fe = { class: "flex min-w-0 flex-wrap items-center gap-x-4 gap-y-3" }, ge
   }
 }), [$e, De] = ee("vue-core.pageSectionBack");
 function Se(d, e) {
-  const n = G();
-  let c = n.fullPath;
-  const i = n.matched[n.matched.length - 1];
+  const a = G();
+  let c = a.fullPath;
+  const i = a.matched[a.matched.length - 1];
   T(
-    () => n.fullPath,
+    () => a.fullPath,
     (s) => {
-      n.matched[n.matched.length - 1] === i && (c = s);
+      a.matched[a.matched.length - 1] === i && (c = s);
     }
   );
   let u, t;
@@ -282,7 +287,7 @@ function Se(d, e) {
     if (!s || !d.value) return;
     const g = () => {
       const S = Array.from(d.value?.querySelectorAll("a[href]") ?? []).find(
-        (a) => a.getAttribute("href") === s.href
+        (n) => n.getAttribute("href") === s.href
       );
       S && (S.focus({ preventScroll: !0 }), window.scrollTo({ top: s.top, behavior: "instant" }), o());
     };
@@ -309,32 +314,32 @@ const Te = { key: 1 }, Le = {
     width: { default: "full" }
   },
   setup(d) {
-    const e = d, n = N() ?? X();
-    A(Z, n);
-    const c = n.claimShell();
+    const e = d, a = N() ?? X();
+    A(Z, a);
+    const c = a.claimShell();
     L(c);
     const i = V("root");
-    Se(i, n);
+    Se(i, a);
     const u = j("(max-width: 47.999rem)"), t = K(null);
     A($e, t);
     const o = k(() => {
       if (t.value) return t.value;
       if (e.back !== void 0) return e.back;
-      const a = e.path?.[e.path.length - 1];
-      return a ? { label: a.label, to: a.to } : null;
+      const n = e.path?.[e.path.length - 1];
+      return n ? { label: n.label, to: n.to } : null;
     }), s = k(() => {
-      const a = t.value;
-      return a ? a.path ? [...e.path ?? (e.back ? [e.back] : []), ...a.path] : null : e.path;
-    }), g = n.claim();
+      const n = t.value;
+      return n ? n.path ? [...e.path ?? (e.back ? [e.back] : []), ...n.path] : null : e.path;
+    }), g = a.claim();
     T(
       () => [e.actions, e.documentTitle],
-      ([a, C]) => g.setRegistration({ actions: a, leading: null, status: null, navTitle: null, documentTitle: C ?? null }),
+      ([n, C]) => g.setRegistration({ actions: n, leading: null, status: null, navTitle: null, documentTitle: C ?? null }),
       { immediate: !0 }
-    ), T(o, (a) => g.setBack(a), { immediate: !0 }), L(() => {
+    ), T(o, (n) => g.setBack(n), { immediate: !0 }), L(() => {
       g.clearRegistration(), g.clearBack();
     });
     const S = { full: "", content: "max-w-content", readable: "max-w-readable" };
-    return (a, C) => (r(), p("div", {
+    return (n, C) => (r(), p("div", {
       ref_key: "root",
       ref: i,
       class: "min-w-0 w-full flex-1 bg-surface-page",
@@ -344,14 +349,14 @@ const Te = { key: 1 }, Le = {
         key: 0,
         back: o.value,
         path: s.value,
-        actions: l(n).actions.value,
-        leading: l(n).leading.value,
-        status: l(n).status.value
+        actions: l(a).actions.value,
+        leading: l(a).leading.value,
+        status: l(a).status.value
       }, q({ _: 2 }, [
-        a.$slots.pager ? {
+        n.$slots.pager ? {
           name: "pager",
           fn: x(() => [
-            v(a.$slots, "pager")
+            v(n.$slots, "pager")
           ]),
           key: "0"
         } : void 0
@@ -359,34 +364,34 @@ const Te = { key: 1 }, Le = {
       m("div", {
         class: Q(["mx-auto flex min-w-0 flex-col gap-section-gap pt-section-gap pr-[max(var(--app-screen-padding),var(--app-safe-right))] pb-[max(var(--app-screen-padding),var(--app-safe-bottom),calc(var(--bottom-dock-h,0px)+var(--app-screen-padding)))] pl-[max(var(--app-screen-padding),var(--app-safe-left))] lg:pt-[calc(var(--app-section-gap)*1.5)] lg:pr-[max(2.5rem,var(--app-safe-right))] lg:pl-[max(2.5rem,var(--app-safe-left))]", S[e.width]])
       }, [
-        v(a.$slots, "header", {}, () => [
+        v(n.$slots, "header", {}, () => [
           b(ye, {
             title: e.title,
             description: e.description,
             icon: e.icon,
             count: e.count,
-            actions: o.value ? [] : l(n).actions.value,
-            leading: o.value ? null : l(n).leading.value,
-            status: o.value ? null : l(n).status.value
+            actions: o.value ? [] : l(a).actions.value,
+            leading: o.value ? null : l(a).leading.value,
+            status: o.value ? null : l(a).status.value
           }, null, 8, ["title", "description", "icon", "count", "actions", "leading", "status"])
         ]),
-        a.$slots.header && !o.value && !l(u) ? (r(), _(E, {
+        n.$slots.header && !o.value && !l(u) ? (r(), _(E, {
           key: 0,
-          actions: l(n).actions.value,
-          leading: l(n).leading.value
+          actions: l(a).actions.value,
+          leading: l(a).leading.value
         }, null, 8, ["actions", "leading"])) : f("", !0),
-        a.$slots.notices ? (r(), p("div", Te, [
-          v(a.$slots, "notices")
+        n.$slots.notices ? (r(), p("div", Te, [
+          v(n.$slots, "notices")
         ])) : f("", !0),
-        v(a.$slots, "default"),
-        a.$slots.pager && l(u) ? (r(), p("div", Le, [
-          v(a.$slots, "pager")
+        v(n.$slots, "default"),
+        n.$slots.pager && l(u) ? (r(), p("div", Le, [
+          v(n.$slots, "pager")
         ])) : f("", !0)
       ], 2),
-      a.$slots.bottom ? (r(), _(te, { key: 1 }, {
+      n.$slots.bottom ? (r(), _(te, { key: 1 }, {
         default: x(() => [
           m("div", Ce, [
-            v(a.$slots, "bottom")
+            v(n.$slots, "bottom")
           ])
         ]),
         _: 3

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js → AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js}

@@ -1,8 +1,8 @@
-import { defineComponent as h, openBlock as a, createElementBlock as n, computed as $, Fragment as _, unref as o, renderSlot as y, renderList as w, createBlock as v, createVNode as u, withCtx as c, createElementVNode as d, toDisplayString as i, createCommentVNode as m, createTextVNode as g, normalizeClass as b, createSlots as x } from "vue";
+import { defineComponent as k, openBlock as n, createElementBlock as o, computed as $, Fragment as _, unref as i, renderSlot as y, renderList as b, createBlock as v, createVNode as c, withCtx as d, createElementVNode as m, toDisplayString as l, createCommentVNode as f, createTextVNode as g, normalizeClass as w, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as E } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { _ as h } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as S } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
 import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
 function K(s) {
   return s.status === "loading" || s.status === "failed" ? void 0 : s.value;
@@ -10,13 +10,17 @@ function K(s) {
 function z(s) {
   return s == null || s === "" || Array.isArray(s) && s.length === 0;
 }
+function M(s) {
+  const { loading: t, error: a, value: r } = s, e = r !== void 0;
+  return t ? e ? { status: "refreshing", value: r } : { status: "loading" } : a ? e ? { status: "stale", value: r, error: a } : { status: "failed", error: a } : e ? { status: "loaded", value: r } : { status: "loading" };
+}
 const A = {
   class: "skeleton-bar animate-pulse rounded-lg bg-fill-strong motion-reduce:animate-none",
   "aria-hidden": "true"
-}, N = /* @__PURE__ */ h({
+}, N = /* @__PURE__ */ k({
   __name: "Skeleton",
   setup(s) {
-    return (t, r) => (a(), n("div", A));
+    return (t, a) => (n(), o("div", A));
   }
 }), B = ["aria-label"], D = {
   key: 1,
@@ -24,7 +28,7 @@ const A = {
 }, I = { class: "flex flex-wrap items-center justify-between gap-3" }, L = { key: 0 }, T = ["aria-busy"], F = { class: "min-w-0" }, R = {
   key: 3,
   "data-async": "empty"
-}, M = /* @__PURE__ */ h({
+}, P = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "AsyncSection",
   props: {
@@ -37,40 +41,40 @@ const A = {
   },
   emits: ["retry"],
   setup(s) {
-    const t = s, { t: r } = C(), p = $(() => {
+    const t = s, { t: a } = C(), r = $(() => {
       const e = t.state;
       return e.status === "loading" || e.status === "failed" || e.status === "loaded" && t.isEmpty(e.value) ? null : { value: e.value };
     });
-    return (e, l) => (a(), n(_, null, [
-      t.state.status === "loading" ? (a(), n("div", {
+    return (e, u) => (n(), o(_, null, [
+      t.state.status === "loading" ? (n(), o("div", {
         key: 0,
         class: "space-y-3",
         "data-async": "loading",
         role: "status",
         "aria-busy": "true",
-        "aria-label": o(r)("core.state.loading")
+        "aria-label": i(a)("core.state.loading")
       }, [
         y(e.$slots, "skeleton", {}, () => [
-          (a(!0), n(_, null, w(t.skeletonRows, (f) => (a(), v(N, { key: f }))), 128))
+          (n(!0), o(_, null, b(t.skeletonRows, (p) => (n(), v(N, { key: p }))), 128))
         ])
-      ], 8, B)) : t.state.status === "failed" || t.state.status === "stale" && t.state.error ? (a(), n("div", D, [
-        u(S, {
+      ], 8, B)) : t.state.status === "failed" || t.state.status === "stale" && t.state.error ? (n(), o("div", D, [
+        c(E, {
           tone: "warning",
           role: "alert"
         }, {
-          default: c(() => [
-            d("div", I, [
-              d("div", null, [
-                d("p", null, i(t.state.error), 1),
-                t.state.status === "stale" ? (a(), n("p", L, i(o(r)("core.state.stale")), 1)) : m("", !0)
+          default: d(() => [
+            m("div", I, [
+              m("div", null, [
+                m("p", null, l(t.state.error), 1),
+                t.state.status === "stale" ? (n(), o("p", L, l(i(a)("core.state.stale")), 1)) : f("", !0)
               ]),
-              u(k, {
+              c(h, {
                 prominence: "secondary",
                 size: "sm",
-                onClick: l[0] || (l[0] = (f) => e.$emit("retry"))
+                onClick: u[0] || (u[0] = (p) => e.$emit("retry"))
               }, {
-                default: c(() => [
-                  g(i(o(r)("core.actions.retry")), 1)
+                default: d(() => [
+                  g(l(i(a)("core.actions.retry")), 1)
                 ]),
                 _: 1
               })
@@ -78,54 +82,55 @@ const A = {
           ]),
           _: 1
         })
-      ])) : t.state.status === "refreshing" || t.state.status === "stale" ? (a(), n("div", {
+      ])) : t.state.status === "refreshing" || t.state.status === "stale" ? (n(), o("div", {
         key: 2,
         "data-async": "stale",
         role: "status",
         "aria-busy": t.state.status === "refreshing" || void 0,
         class: "flex w-fit max-w-full flex-wrap items-center gap-2 rounded-group bg-fill py-1 pr-1 pl-3 text-footnote text-content-muted"
       }, [
-        u(o(E), {
+        c(i(S), {
           name: t.state.status === "refreshing" ? "loader4Line" : "refreshLine",
           size: 14,
-          class: b(t.state.status === "refreshing" ? "animate-spin" : "")
+          class: w(t.state.status === "refreshing" ? "animate-spin" : "")
         }, null, 8, ["name", "class"]),
-        d("p", F, i(o(r)(t.state.status === "refreshing" ? "core.state.refreshing" : "core.state.stale")), 1),
-        t.state.status === "stale" ? (a(), v(k, {
+        m("p", F, l(i(a)(t.state.status === "refreshing" ? "core.state.refreshing" : "core.state.stale")), 1),
+        t.state.status === "stale" ? (n(), v(h, {
           key: 0,
           prominence: "plain",
           size: "xs",
-          onClick: l[1] || (l[1] = (f) => e.$emit("retry"))
+          onClick: u[1] || (u[1] = (p) => e.$emit("retry"))
         }, {
-          default: c(() => [
-            g(i(o(r)("core.actions.retry")), 1)
+          default: d(() => [
+            g(l(i(a)("core.actions.retry")), 1)
           ]),
           _: 1
-        })) : m("", !0)
-      ], 8, T)) : p.value ? m("", !0) : (a(), n("div", R, [
-        u(V, {
-          title: t.emptyTitle ?? o(r)("core.state.empty"),
+        })) : f("", !0)
+      ], 8, T)) : r.value ? f("", !0) : (n(), o("div", R, [
+        c(V, {
+          title: t.emptyTitle ?? i(a)("core.state.empty"),
           description: t.emptyDescription,
           icon: t.emptyIcon
         }, x({ _: 2 }, [
           e.$slots["empty-actions"] ? {
             name: "actions",
-            fn: c(() => [
+            fn: d(() => [
               y(e.$slots, "empty-actions")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["title", "description", "icon"])
       ])),
-      p.value ? y(e.$slots, "default", {
-        value: p.value.value
-      }, void 0, void 0, 4) : m("", !0)
+      r.value ? y(e.$slots, "default", {
+        value: r.value.value
+      }, void 0, void 0, 4) : f("", !0)
     ], 64));
   }
 });
 export {
-  M as _,
+  P as _,
   N as a,
+  M as b,
   z as i,
   K as v
 };

package/dist/Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js

@@ -0,0 +1,50 @@
+import { defineComponent as m, computed as x, ref as n, watch as p, openBlock as r, createElementBlock as i, normalizeClass as c, createTextVNode as v, toDisplayString as g, createCommentVNode as z } from "vue";
+function b(a) {
+  const e = (a ?? "").trim().split(/\s+/).filter(Boolean);
+  return (e.length > 1 ? [e[0]?.[0], e[e.length - 1]?.[0]] : [e[0]?.[0]]).filter(Boolean).join("").toLocaleUpperCase() || "?";
+}
+const h = ["src", "alt", "data-loaded"], k = /* @__PURE__ */ m({
+  __name: "Avatar",
+  props: {
+    name: { default: "" },
+    src: { default: null },
+    size: { default: "sm" },
+    tone: { default: "neutral" }
+  },
+  setup(a) {
+    const e = a, o = {
+      xs: "size-5 text-3xs",
+      sm: "size-7 text-2xs",
+      md: "size-9 text-xs",
+      lg: "size-12 text-base",
+      // Record header: 72px on wide screens, 96px on compact ones. Square by aspect ratio, so it
+      // can shrink in a very narrow column (enlarged text).
+      xl: "aspect-square w-18 max-w-full text-2xl compact:w-24 compact:text-3xl"
+    }, u = {
+      neutral: "bg-fill text-content-muted",
+      anchor: "bg-tile-anchor text-tile-anchor-foreground"
+    }, d = x(() => b(e.name)), t = n(!1), s = n(!1);
+    return p(() => e.src, () => {
+      t.value = !1, s.value = !1;
+    }), (w, l) => (r(), i("span", {
+      "aria-hidden": "true",
+      class: c(["relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full font-semibold", [o[e.size], u[e.tone]]])
+    }, [
+      v(g(d.value), 1),
+      e.src && !s.value ? (r(), i("img", {
+        key: e.src,
+        src: e.src,
+        alt: e.name ?? "",
+        draggable: "false",
+        "data-loaded": t.value || void 0,
+        class: c(["absolute inset-0 size-full rounded-full object-cover", t.value ? "" : "opacity-0"]),
+        onLoad: l[0] || (l[0] = (f) => t.value = !0),
+        onError: l[1] || (l[1] = (f) => s.value = !0)
+      }, null, 42, h)) : z("", !0)
+    ], 2));
+  }
+});
+export {
+  k as _,
+  b as i
+};

package/dist/{Changes-BdR0R20V.js → Changes-BPB8h56i.js}

@@ -1,11 +1,11 @@
 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-BmowiT1y.js";
-import { u as S } from "./platform-q3cjODLx.js";
+import { P as V, i as R } from "./index-LP6NNnow.js";
+import { u as S } from "./platform-PZpUkkMS.js";
 import { b as B } from "./routeResource-DlTsGTg_.js";
-import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
 import { u as L } from "./useLoad-M7V-AVwR.js";
-import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.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-DSwSRsA5.js";

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.js → CollectionPage.vue_vue_type_script_setup_true_lang-CVEYkb26.js}

@@ -1,8 +1,8 @@
 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 { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-D_D9YbLH.js";
-import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.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-BFfkA7gN.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";
 import { _ as Ge } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
@@ -10,7 +10,7 @@ import { u as Pe } from "./format-D8X4zsx6.js";
 import { _ as I } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as Ae } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
 import { _ as Ee } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
-import { u as bt, _ as gt } from "./rowLayout-D1vrdy0s.js";
+import { u as bt, _ as gt } from "./rowLayout-Dh749umr.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";

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-DPuH84I7.js → DataTable.vue_vue_type_script_setup_true_lang-DcQQ-uQS.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-D1vrdy0s.js";
+import { u as R, _ as L } from "./rowLayout-Dh749umr.js";
 const F = ["aria-busy"], V = /* @__PURE__ */ d({
   __name: "DataTable",
   props: {

package/dist/{DeadLetters-CRTeoZS1.js → DeadLetters-DeYxkTMh.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-BNM_cbXa.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-CVEYkb26.js";
 import { u as P } from "./describeError-B-NMa--w.js";
 import { u as I } from "./format-D8X4zsx6.js";
-import { e as a, R as O } from "./index-tnSTp0cM.js";
+import { e as a, R as O } from "./index-qUaGJ9j2.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-M7V-AVwR.js";
-import { u as j } from "./platform-q3cjODLx.js";
-import { a as G, r as H } from "./http-D_D9YbLH.js";
+import { u as j } from "./platform-PZpUkkMS.js";
+import { a as G, r as H } from "./http-BFfkA7gN.js";
 function J(u) {
   return G({
     id: "events.deadletters",

package/dist/{General-hdmVP72B.js → General-BLbn4BCc.js}

@@ -8,9 +8,9 @@ import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
-import { P as D, b as G, i as I } from "./index-BmowiT1y.js";
+import { P as D, b as G, i as I } from "./index-LP6NNnow.js";
 import { t as M } from "./toast-CqSDTWRX.js";
-import { u as O } from "./platform-q3cjODLx.js";
+import { u as O } from "./platform-PZpUkkMS.js";
 import { b as U } from "./routeResource-DlTsGTg_.js";
 import { u as j } from "./fieldMessages-6HVzSDqG.js";
 import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-QPvYudWc.js";

package/dist/{NewRolePage-BPeKasOp.js → NewRolePage-B7DwFWPk.js}

@@ -1,11 +1,11 @@
 import { defineComponent as _, computed as d, openBlock as y, createBlock as w, unref as e, withCtx as i, createVNode as l } from "vue";
 import { useI18n as v } from "vue-i18n";
 import { useRoute as k, useRouter as R } from "vue-router";
-import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
-import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+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-M7V-AVwR.js";
-import { a as x, c as u } from "./index-Yy28omu6.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js";
+import { a as x, c as u } from "./index-C3E6DcO0.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-DRHmjA9w.js";
 const V = /* @__PURE__ */ _({
   __name: "NewRolePage",
   setup(h) {