@wssto2/vue-core 0.4.26 → 0.4.28

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## 0.4.28 — 2026-10-12
+
+From the owner's review of ARV W2's screenshots of 0.4.27: the changed-by cell and the row menu are quieter. Two items, one commit each; no new API.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Changes to existing behaviour
+- **`Timestamp` with an `author` stacks.** The smallest `Avatar` is centred on two lines, the name on the first (a long one truncates) and the date on the second in muted text (never truncated, never wrapped). The cell is as wide as the wider of the name and the date, no wider, so a list column stays narrow instead of growing and cutting the row's own text. There is no `layout` option: one way. Without an author it is unchanged (date with the calendar icon); "No data" is unchanged. ARV: the "Uneseno/Uređeno" columns; nothing to change in the call sites.
+- **`MenuButton` is plain at rest.** No fill and a `content-muted` icon, like an iOS row's "⋯"; the fill (and `content-strong` icon) shows on hover, `focus-visible` and while its menu is open (`data-pressed`, the stronger fill). The 44px touch target on compact stays an invisible hit area (`hit-target`), so a row of 36px content does not grow. `aria-expanded` and `data-pressed` are as before. ARV: `FollowUpRow`.
+- **Pinned by tests that were updated:** `content.test.ts` "Timestamp with an author" (the inline layout: `shrink-0` date, three siblings in a row) now pins the grid, the two-row avatar and `whitespace-nowrap`; `Menu.test.ts` "MenuButton" gains the rest-state and hit-area test (the pressed-state test is unchanged).
+
+## 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.

package/dist/{Activity-B6R8Jghz.js → Activity-BWkVX1Nx.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-BVU76sBO.js";
+import { P as G, c as H, i as J } from "./index-BhtJR4c_.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-BQG7IV49.js → Changes-MG77TDwz.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-BVU76sBO.js";
+import { P as V, i as R } from "./index-BhtJR4c_.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-BrbQ0Y5d.js → CollectionPage.vue_vue_type_script_setup_true_lang-Bnpv9TEj.js}

@@ -2,7 +2,7 @@ import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as
 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-BFfkA7gN.js";
-import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.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-BBFyLbOl.js";
 import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
 import { _ as we } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-DPuH84I7.js → DataTable.vue_vue_type_script_setup_true_lang-BEvz5zqo.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-BBFyLbOl.js";
 const F = ["aria-busy"], V = /* @__PURE__ */ d({
   __name: "DataTable",
   props: {

package/dist/{DeadLetters-CJZSWjsn.js → DeadLetters-CkDE71B3.js}

@@ -1,10 +1,10 @@
 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-BrbQ0Y5d.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Bnpv9TEj.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-C3CzOub7.js";
+import { e as a, R as O } from "./index-sTBBHqNG.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";

package/dist/{General-tsRC866T.js → General-UTBVEXbN.js}

@@ -8,7 +8,7 @@ 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-BVU76sBO.js";
+import { P as D, b as G, i as I } from "./index-BhtJR4c_.js";
 import { t as M } from "./toast-CqSDTWRX.js";
 import { u as O } from "./platform-PZpUkkMS.js";
 import { b as U } from "./routeResource-DlTsGTg_.js";

package/dist/{NewRolePage-L57Zg1Mg.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-CvJSAsfk.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-Hr0WgL1K.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) {

package/dist/{ProfilePage-B9WUrImn.js → ProfilePage-C8VhiKIh.js}

@@ -1,10 +1,10 @@
 import { defineComponent as A, watch as X, openBlock as v, createBlock as S, unref as e, withCtx as u, createVNode as r, mergeProps as E, useModel as pe, useId as fe, useTemplateRef as J, ref as w, onMounted as me, onBeforeUnmount as ve, computed as M, createElementBlock as I, withModifiers as _e, toDisplayString as b, createCommentVNode as W, createElementVNode as x, createTextVNode as N, Fragment as le, mergeModels as oe } from "vue";
 import { useI18n as R } from "vue-i18n";
-import { a as ge } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
+import { a as ge } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { u as L } from "./platform-PZpUkkMS.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 { u as Y } from "./useLoad-M7V-AVwR.js";
-import { i as k, d as G } from "./index-BVU76sBO.js";
+import { i as k, d as G } from "./index-BhtJR4c_.js";
 import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as U } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
@@ -23,7 +23,7 @@ import { _ as he } from "./OtpInput.vue_vue_type_script_setup_true_lang-gp4FfWAH
 import { _ as $e } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { _ as qe } from "./SessionList.vue_vue_type_script_setup_true_lang-D5qm77Zo.js";
 import { _ as ke } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
-import { _ as Ce } from "./SignInTable.vue_vue_type_script_setup_true_lang-ByEAVfjv.js";
+import { _ as Ce } from "./SignInTable.vue_vue_type_script_setup_true_lang-Bs0yTi2E.js";
 import { _ as Se } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
 const Pe = /* @__PURE__ */ A({
   __name: "DetailsPanel",