@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/identity/users/feature.d.ts

@@ -0,0 +1,34 @@
+import { type Feature } from "../../app";
+import type { Permission } from "../../platform";
+import type { Destination } from "../../router";
+import { type PersonSection } from "./personSections";
+export interface UsersFeatureOptions {
+    /** The users list and a person's record (`/users`), for whoever holds `iam.user:view`. Default true. */
+    people?: boolean;
+    /** "My profile" (`/profile`) and its entry in the account menu, for every signed-in person. Default true. */
+    profile?: boolean;
+    /** The permission that shows "Sign in as" on a person's record (what the server's `AllowImpersonation` was given). Default `iam.user:impersonate`; `false` leaves the button out. */
+    signInAs?: Permission | false;
+    /** Names of the application's areas in a person's Activity: the area key the audit records (`crm`) and the i18n key of its name. `all`, `identity` and `other` are the library's. An area without a key reads as "Other". */
+    activityAreas?: Readonly<Record<string, string>>;
+    /** Sections the application adds to a person's record after the feature's own (their roles); each is a child route `users.record.<path>`. */
+    sections?: readonly PersonSection[];
+    /** The destination of the backend's menu that opens the users list. Without it the application binds the list itself. */
+    destination?: Destination;
+}
+/**
+ * The screens of go-core's users and profile routes, one feature to install:
+ *
+ * - **People** (`people`): the users list (`/users`, route `users.index`) and a person's record (`users.record`, with its
+ *   sections: details, sign-in, sessions, sign-in history, changes), for whoever administers people. Every screen and action
+ *   is behind the permission go-core checks for it (`iam.user:view`, `iam.user:manage`), so an application installs it for
+ *   everyone and the server's catalogue decides who sees what.
+ * - **My profile** (`profile`): the signed-in person's own name and phone, password, e-mail address (changed with a code),
+ *   sessions and sign-ins (`/profile`, route `profile`), with an entry in the account menu.
+ *
+ * An application leaves out what it does not want (`people: false`) and links to the rest by route name (`usersRoutes`,
+ * `profileRoutes`). It needs `identityFeature()` next to it for "Sign in as".
+ *
+ *   createApplication({ platform, shell: backofficeShell(), features: [identityFeature(), usersFeature({ destination: "users" })] })
+ */
+export declare function usersFeature(options?: UsersFeatureOptions): Feature;

package/dist/identity/users/languages.d.ts

@@ -0,0 +1,4 @@
+import { type ComputedRef } from "vue";
+import type { SelectOption } from "../../form";
+/** The languages the application offers, as the options of a select (each named in itself). */
+export declare function useLanguages(): ComputedRef<readonly SelectOption<string>[]>;

package/dist/identity/users/list.d.ts

@@ -0,0 +1,8 @@
+import type { HttpClient } from "../../client";
+/** The views of the list, as go-core's `GET /v1/iam/users` knows them. */
+export declare const USER_VIEWS: readonly ["active", "locked", "inactive", "all"];
+/**
+ * The list of people, one definition for the list page and for the previous / next of a person's record, so both ask
+ * the server the same question. The sorts and views are the ones go-core accepts.
+ */
+export declare function userList(http: HttpClient): import("../../collection").CollectionDefinition<import("..").UserRow, "name" | "email" | "login" | "created_at", never, "inactive" | "all" | "locked" | "active">;

package/dist/identity/users/person.d.ts

@@ -0,0 +1,26 @@
+import type { InjectionKey } from "vue";
+import type { RouteResource } from "../../resource";
+import type { Load } from "../../state";
+import type { SessionList, UserDetail } from "../../modules/identity/entities";
+/** The person a record page is about, shared with its routed sections (`useRouteResourceContext(PERSON)`). */
+export declare const PERSON: InjectionKey<RouteResource<UserDetail>>;
+/** What the viewer may do with this person right now, and the dialogs that do it (they live on the record page). */
+export interface PersonActions {
+    readonly can: {
+        /** Edit the details, set a password, unlock, end sessions: whoever holds `iam.user:manage`. */
+        readonly manage: boolean;
+        /** Never one's own account (go-core refuses it), never one that is already inactive. */
+        readonly deactivate: boolean;
+        readonly activate: boolean;
+        /** Sessions of somebody else; one's own are ended in "my profile", where this device is kept. */
+        readonly endSessions: boolean;
+    };
+    deactivate(): void;
+    activate(): void;
+    setPassword(): void;
+    /** After something changed the person's state under the page (a new password unlocks, a deactivation ends sessions). */
+    refresh(): Promise<void>;
+}
+export declare const personActionsKey: InjectionKey<PersonActions>, usePersonActions: () => PersonActions;
+/** The person's live sessions: loaded once by the record page (it counts them) and shared with the Sessions section. */
+export declare const personSessionsKey: InjectionKey<Load<SessionList>>, usePersonSessions: () => Load<SessionList>;

package/dist/identity/users/personSections.d.ts

@@ -0,0 +1,22 @@
+import { type Component } from "vue";
+import type { RouteRecordRaw } from "vue-router";
+import type { UserDetail } from "../../modules/identity/entities";
+import type { AccessRequirement, RouteSection } from "../../router";
+/**
+ * A section the application adds to a person's record (their roles, say), listed after the feature's own. The component
+ * gets what `props` makes of the loaded person; `meta` is the section's route meta (its label, icon and `access`).
+ *
+ *   usersFeature({ sections: [{ path: "roles", component: PersonAccess, props: (p) => ({ subject: { kind: "user", id: p.id }, name: p.name }), meta: personRolesSection }] })
+ */
+export interface PersonSection {
+    /** The child route's path under `/users/:id/` and its name suffix (`users.record.<path>`): one lowercase word. */
+    readonly path: string;
+    readonly component: Component;
+    readonly props?: (person: UserDetail) => Record<string, unknown>;
+    readonly meta: {
+        readonly access?: AccessRequirement;
+        readonly section: RouteSection;
+    };
+}
+/** The child route of the record for an extra section. */
+export declare function personSectionRoute(section: PersonSection): RouteRecordRaw;

package/dist/identity/users/routes.d.ts

@@ -0,0 +1,22 @@
+import type { RouteRecordRaw } from "vue-router";
+/**
+ * The routes of `usersFeature`: typed targets for links (`usersRoutes.index`, `usersRoutes.record({ id })`), and the
+ * records the feature installs. The names and paths are fixed, so a link or a menu binding of the application can name
+ * them. The sections of a person's record are its children, reached by name (`users.record.sessions`).
+ */
+export interface UsersRoutes {
+    /** The records `usersFeature` installs. */
+    readonly records: readonly RouteRecordRaw[];
+    readonly index: {
+        readonly name: "users.index";
+    };
+    readonly record: (params: {
+        id: string | number;
+    }) => {
+        readonly name: "users.record";
+        readonly params: {
+            id: string | number;
+        };
+    };
+}
+export declare const usersRoutes: UsersRoutes;

package/dist/identity/users/sections/Activity.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/sections/Changes.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/sections/General.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/sections/Sessions.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/sections/SignIn.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/sections/SignIns.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/identity/users/status.d.ts

@@ -0,0 +1,4 @@
+import type { Status } from "../../modules/identity/entities";
+import type { Tone } from "../../state";
+/** The tone of a person's status: active is fine, locked needs attention, inactive is quiet. */
+export declare const statusTone: (status: Status) => Tone;

package/dist/index-BsJ92eub.js

@@ -0,0 +1,504 @@
+import { r as y } from "./route-goWMxDUN.js";
+import { d as se, p as le } from "./feature-DdUAfyi4.js";
+import { defineComponent as z, openBlock as g, createBlock as I, unref as a, shallowRef as U, ref as G, readonly as P, withCtx as R, createTextVNode as Q, toDisplayString as L, mergeProps as X, computed as q, createElementBlock as w, createElementVNode as C, createCommentVNode as S, createVNode as T, Fragment as B, renderList as ce, normalizeClass as W, useTemplateRef as de, createSlots as ue } from "vue";
+import { d as fe } from "./context-Ch1r4fdN.js";
+import { d as Z } from "./defineRoutes-BGAdiIrt.js";
+import { useI18n as N } from "vue-i18n";
+import { _ as me } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
+import { f as ve } from "./transport-BnP7WC0Y.js";
+import { u as pe } from "./mediaQuery-CygcXmFW.js";
+import { _ as be } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as _e } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as H } from "./HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
+import { useRouter as ge } from "vue-router";
+import { _ as F } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { u as ye } from "./format-B8mJm946.js";
+import { _ as xe } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as he } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+const M = {
+  list: y("GET", "/v1/notifications"),
+  unread: y("GET", "/v1/notifications/unread"),
+  read: y("POST", "/v1/notifications/:id/read"),
+  readAll: y("POST", "/v1/notifications/read"),
+  stream: y.raw("GET", "/v1/notifications/stream"),
+  test: y("POST", "/v1/notifications/test"),
+  preferences: y("GET", "/v1/notifications/preferences"),
+  preferencesSetEmail: y("PUT", "/v1/notifications/preferences/:category"),
+  quietHours: y("PUT", "/v1/notifications/quiet-hours")
+}, pt = {
+  deadLettersList: y("GET", "/v1/events/dead-letters", { permission: "events.deadletter:view" }),
+  deadLettersRetry: y("POST", "/v1/events/dead-letters/:event/:consumer/retry", { permission: "events.deadletter:retry" }),
+  deadLettersRetryAll: y("POST", "/v1/events/dead-letters/retry", { permission: "events.deadletter:retry" }),
+  consumers: y("GET", "/v1/events/consumers", { permission: "events.deadletter:view" })
+}, [ke, ee] = fe("vue-core.notifications"), we = "events.deadletter:view", bt = "events.deadletter:retry", J = Z({
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-CMRtXn_N.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
+}), j = Z({
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-C4s0IdkW.js"), meta: { titleKey: "core.notifications.settings.title" } }
+}), Te = /* @__PURE__ */ z({
+  __name: "SettingsMenuItem",
+  setup(o) {
+    const { t } = N();
+    return (e, n) => (g(), I(me, {
+      label: a(t)("core.notifications.settings.title"),
+      icon: "notification3Line",
+      to: a(j).index,
+      "data-notification-settings-menu-item": ""
+    }, null, 8, ["label", "to"]));
+  }
+});
+function te(o) {
+  return o.reduce((t, e) => Math.max(t, e.id), 0);
+}
+function Ee(o, t, e) {
+  return o.map((n) => n.id === t && n.read_at === null ? { ...n, read_at: e } : n);
+}
+function Ce(o, t, e) {
+  return o.map((n) => n.read_at === null && n.id <= t ? { ...n, read_at: e } : n);
+}
+function Le(o, t) {
+  const e = te(o);
+  return [...t.filter((n) => n.id > e), ...o];
+}
+function Se(o, t) {
+  const e = new Set(o.map((n) => n.id));
+  return [...o, ...t.filter((n) => !e.has(n.id))];
+}
+function Re(o, t, e) {
+  let n = o.items;
+  if (t.type === "created" && t.notification && !n.some((r) => r.id === t.notification?.id) && (n = [t.notification, ...n]), t.type === "read") {
+    const r = new Set(t.read_ids ?? []), _ = t.read_up_to_id ?? 0;
+    n = n.map((f) => f.read_at === null && (t.all_read ? f.id <= _ : r.has(f.id)) ? { ...f, read_at: e } : f);
+  }
+  return { items: n, unreadCount: Math.max(0, t.unread_count) };
+}
+function $e(o) {
+  return o > 99 ? "99+" : String(o);
+}
+const Me = ["created", "read", "unread"];
+function Ae(o) {
+  const t = o.split(`
+`).filter((e) => e.startsWith("data:")).map((e) => e.slice(5).replace(/^ /, "")).join(`
+`);
+  if (t === "") return null;
+  try {
+    const e = JSON.parse(t);
+    if (typeof e != "object" || e === null) return null;
+    const { type: n, unread_count: r } = e;
+    return typeof n == "string" && Me.includes(n) && typeof r == "number" ? e : null;
+  } catch {
+    return null;
+  }
+}
+async function Pe({ url: o, transport: t, signal: e, onEvent: n, idleTimeout: r }) {
+  if (e.aborted) return "aborted";
+  const _ = new AbortController();
+  let f = null, E = !1, i;
+  const b = () => {
+    _.abort(), f?.cancel().catch(() => {
+    });
+  }, v = () => {
+    clearTimeout(i), i = setTimeout(() => {
+      E = !0, b();
+    }, r);
+  };
+  e.addEventListener("abort", b, { once: !0 }), v();
+  try {
+    const l = await t(o, { method: "GET", headers: { Accept: "text/event-stream" }, credentials: "include", signal: _.signal });
+    if (l.status === 401) return "unauthorized";
+    if (!l.ok || !l.body) return "failed";
+    f = l.body.getReader();
+    const x = new TextDecoder();
+    let h = "";
+    for (; ; ) {
+      const { done: m, value: s } = await f.read();
+      if (e.aborted) return "aborted";
+      if (E) return "stalled";
+      if (m) return "closed";
+      v(), h += x.decode(s, { stream: !0 }).replace(/\r\n/g, `
+`);
+      const k = h.split(`
+
+`);
+      h = k.pop() ?? "";
+      for (const p of k) {
+        const A = Ae(p);
+        A && n(A);
+      }
+    }
+  } catch (l) {
+    return e.aborted ? "aborted" : E ? "stalled" : l instanceof Error && l.name === "AbortError" ? "aborted" : "failed";
+  } finally {
+    clearTimeout(i), e.removeEventListener("abort", b);
+  }
+}
+function ze(o) {
+  const { http: t, signal: e, pageSize: n = 20, backoff: r = { min: 1e3, max: 3e4 }, idleTimeout: _ = 5e4, transport: f = ve, now: E = () => /* @__PURE__ */ new Date() } = o, i = U([]), b = G(0), v = G(!1), l = U({ status: "idle" }), x = G("idle");
+  let h = 0;
+  const m = () => E().toISOString();
+  async function s() {
+    try {
+      const { data: c } = await t.request(M.unread, void 0, { signal: e });
+      e.aborted || (b.value = c.unread_count);
+    } catch {
+    }
+  }
+  async function k() {
+    const c = ++h;
+    x.value = "idle", l.value = { status: "loading" };
+    try {
+      const { data: d } = await t.request(M.list, { limit: n }, { signal: e });
+      if (e.aborted || c !== h) return;
+      i.value = Le(d.items, i.value), v.value = d.has_more, l.value = { status: "loaded" };
+    } catch (d) {
+      if (e.aborted || c !== h) return;
+      l.value = { status: "failed", error: d };
+    }
+  }
+  async function p() {
+    const c = i.value[i.value.length - 1]?.id;
+    if (!v.value || x.value === "loading" || c === void 0) return;
+    const d = h;
+    x.value = "loading";
+    try {
+      const { data: u } = await t.request(M.list, { before_id: c, limit: n }, { signal: e });
+      if (e.aborted || d !== h) return;
+      i.value = Se(i.value, u.items), v.value = u.has_more, x.value = "idle";
+    } catch {
+      !e.aborted && d === h && (x.value = "failed");
+    }
+  }
+  async function A(c) {
+    if (!(c.read_at !== null || i.value.find((d) => d.id === c.id)?.read_at)) {
+      i.value = Ee(i.value, c.id, m()), b.value = Math.max(0, b.value - 1);
+      try {
+        const { data: d } = await t.request(M.read, { id: c.id }, { signal: e });
+        e.aborted || (b.value = d.unread_count);
+      } catch {
+        if (e.aborted) return;
+        i.value = i.value.map((d) => d.id === c.id ? { ...d, read_at: null } : d), await s();
+      }
+    }
+  }
+  async function ae() {
+    const c = te(i.value);
+    if (c === 0) return;
+    const d = new Set(i.value.filter((u) => u.read_at === null && u.id <= c).map((u) => u.id));
+    i.value = Ce(i.value, c, m()), b.value = Math.max(0, b.value - d.size);
+    try {
+      const { data: u } = await t.request(M.readAll, { up_to_id: c }, { signal: e });
+      e.aborted || (b.value = u.unread_count);
+    } catch {
+      if (e.aborted) return;
+      i.value = i.value.map((u) => d.has(u.id) ? { ...u, read_at: null } : u), await s();
+    }
+  }
+  let $ = r.min, O = null;
+  const ie = (c) => new Promise((d) => {
+    const u = () => {
+      clearTimeout(D), e.removeEventListener("abort", u), O = null, d();
+    }, D = setTimeout(u, c);
+    e.addEventListener("abort", u, { once: !0 }), O = u;
+  });
+  async function re() {
+    for (let c = !1; !e.aborted; c = !0) {
+      if (c && await s(), e.aborted) return;
+      let d = !1;
+      if (await Pe({
+        url: o.streamUrl,
+        transport: f,
+        signal: e,
+        idleTimeout: _,
+        onEvent(u) {
+          d = !0;
+          const D = Re({ items: i.value, unreadCount: b.value }, u, m());
+          i.value = D.items, b.value = D.unreadCount;
+        }
+      }), e.aborted) return;
+      d && ($ = r.min), await ie($), $ = Math.min($ * 2, r.max);
+    }
+  }
+  const V = () => {
+    document.visibilityState === "visible" && (s(), $ = r.min, O?.());
+  }, K = () => {
+    s(), $ = r.min, O?.();
+  };
+  return document.addEventListener("visibilitychange", V), window.addEventListener("online", K), e.addEventListener(
+    "abort",
+    () => {
+      document.removeEventListener("visibilitychange", V), window.removeEventListener("online", K);
+    },
+    { once: !0 }
+  ), e.aborted || re(), { items: P(i), unreadCount: P(b), hasMore: P(v), list: P(l), more: P(x), load: k, loadMore: p, markRead: A, markAllRead: ae };
+}
+const ne = /* @__PURE__ */ z({
+  __name: "MarkAllRead",
+  props: {
+    inbox: {}
+  },
+  setup(o) {
+    const { t } = N();
+    return (e, n) => (g(), I(a(F), {
+      prominence: "plain",
+      size: "sm",
+      icon: "checkDoubleLine",
+      "data-notification-mark-all": "",
+      disabled: o.inbox.unreadCount.value === 0,
+      onClick: n[0] || (n[0] = (r) => o.inbox.markAllRead())
+    }, {
+      default: R(() => [
+        Q(L(a(t)("core.notifications.mark_all_read")), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+}), oe = /* @__PURE__ */ z({
+  __name: "SettingsLink",
+  emits: ["click"],
+  setup(o, { emit: t }) {
+    const e = t, { t: n } = N();
+    return (r, _) => (g(), I(a(F), X({
+      prominence: "plain",
+      size: "sm",
+      icon: "settings3Line",
+      to: a(j).index
+    }, { "aria-label": a(n)("core.notifications.settings.open"), title: a(n)("core.notifications.settings.open") }, {
+      "data-notification-settings": "",
+      onClick: _[0] || (_[0] = (f) => e("click"))
+    }), null, 16, ["to"]));
+  }
+}), Ie = {
+  "data-notification-inbox": "",
+  class: "w-full min-w-0 sm:w-96"
+}, Ne = {
+  key: 0,
+  class: "mb-1 flex items-center justify-between gap-2"
+}, Oe = { class: "px-1 text-headline font-semibold" }, De = { class: "flex items-center gap-1" }, qe = { class: "-mx-1 max-h-[min(28rem,60dvh)] overflow-y-auto overscroll-contain" }, Ge = ["data-unread", "onClick"], Ue = { class: "min-w-0 flex-1" }, Be = {
+  key: 0,
+  class: "mt-0.5 line-clamp-2 block text-footnote text-content-muted"
+}, Fe = ["datetime"], je = {
+  key: 0,
+  class: "mt-2 size-2 shrink-0 rounded-full bg-content-link",
+  "aria-hidden": "true"
+}, Ve = {
+  key: 1,
+  class: "sr-only"
+}, Ke = {
+  key: 0,
+  class: "mt-2 flex flex-col items-center gap-1",
+  "data-notification-more": ""
+}, We = {
+  key: 0,
+  class: "text-footnote text-status-danger-content",
+  role: "alert"
+}, He = "bg-fill text-content-muted", Y = /* @__PURE__ */ z({
+  __name: "InboxPanel",
+  props: {
+    inbox: {},
+    appearance: {}
+  },
+  emits: ["close"],
+  setup(o, { emit: t }) {
+    const e = o, n = t, { t: r } = N(), _ = ge(), f = ye(), { categories: E, settings: i } = ee(), b = {
+      amber: "bg-category-amber-surface text-category-amber-content",
+      lime: "bg-category-lime-surface text-category-lime-content",
+      teal: "bg-category-teal-surface text-category-teal-content",
+      cyan: "bg-category-cyan-surface text-category-cyan-content",
+      blue: "bg-category-blue-surface text-category-blue-content",
+      indigo: "bg-category-indigo-surface text-category-indigo-content",
+      violet: "bg-category-violet-surface text-category-violet-content",
+      fuchsia: "bg-category-fuchsia-surface text-category-fuchsia-content",
+      pink: "bg-category-pink-surface text-category-pink-content"
+    }, v = q(() => {
+      const { list: m, items: s } = e.inbox;
+      if (m.value.status === "failed") {
+        const k = r("core.notifications.load_error");
+        return s.value.length > 0 ? { status: "stale", value: s.value, error: k } : { status: "failed", error: k };
+      }
+      return m.value.status === "loaded" ? { status: "loaded", value: s.value } : s.value.length > 0 ? { status: "refreshing", value: s.value } : { status: "loading" };
+    }), l = (m) => {
+      const s = E[m.category];
+      return { icon: s?.icon ?? "notification3Line", classes: s?.hue ? b[s.hue] : He };
+    }, x = (m) => m.startsWith("/") && !m.startsWith("//");
+    function h(m) {
+      e.inbox.markRead(m), !(m.link === "" || !x(m.link)) && (n("close"), _.push(m.link));
+    }
+    return (m, s) => (g(), w("div", Ie, [
+      o.appearance === "popover" ? (g(), w("div", Ne, [
+        C("h2", Oe, L(a(r)("core.notifications.title")), 1),
+        C("div", De, [
+          a(i) ? (g(), I(oe, {
+            key: 0,
+            onClick: s[0] || (s[0] = (k) => n("close"))
+          })) : S("", !0),
+          T(ne, { inbox: o.inbox }, null, 8, ["inbox"])
+        ])
+      ])) : S("", !0),
+      T(a(he), {
+        state: v.value,
+        "empty-title": a(r)("core.notifications.empty_title"),
+        "empty-description": a(r)("core.notifications.empty_description"),
+        "empty-icon": "notification3Line",
+        onRetry: s[2] || (s[2] = (k) => o.inbox.load())
+      }, {
+        default: R(({ value: k }) => [
+          C("ul", qe, [
+            (g(!0), w(B, null, ce(k, (p) => (g(), w("li", {
+              key: p.id
+            }, [
+              C("button", {
+                type: "button",
+                "data-notification-item": "",
+                "data-unread": p.read_at === null ? "true" : void 0,
+                class: "flex w-full cursor-pointer items-start gap-3 rounded-control px-2 py-2.5 text-left transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
+                onClick: (A) => h(p)
+              }, [
+                C("span", {
+                  class: W(["flex size-9 shrink-0 items-center justify-center rounded-full", l(p).classes]),
+                  "aria-hidden": "true"
+                }, [
+                  T(a(xe), {
+                    name: l(p).icon,
+                    size: 18
+                  }, null, 8, ["name"])
+                ], 2),
+                C("span", Ue, [
+                  C("span", {
+                    class: W(["block text-subheadline", p.read_at === null ? "font-semibold text-content-strong" : "font-medium text-content"])
+                  }, L(p.title), 3),
+                  p.body ? (g(), w("span", Be, L(p.body), 1)) : S("", !0),
+                  C("time", {
+                    datetime: p.created_at,
+                    class: "mt-0.5 block text-footnote text-content-muted"
+                  }, L(a(f).relative(p.created_at)), 9, Fe)
+                ]),
+                p.read_at === null ? (g(), w("span", je)) : S("", !0),
+                p.read_at === null ? (g(), w("span", Ve, L(a(r)("core.notifications.unread")), 1)) : S("", !0)
+              ], 8, Ge)
+            ]))), 128))
+          ]),
+          o.inbox.hasMore.value ? (g(), w("div", Ke, [
+            o.inbox.more.value === "failed" ? (g(), w("p", We, L(a(r)("core.notifications.load_more_error")), 1)) : S("", !0),
+            T(a(F), {
+              prominence: "plain",
+              size: "sm",
+              processing: o.inbox.more.value === "loading",
+              onClick: s[1] || (s[1] = (p) => o.inbox.loadMore())
+            }, {
+              default: R(() => [
+                Q(L(a(r)("core.notifications.load_more")), 1)
+              ]),
+              _: 1
+            }, 8, ["processing"])
+          ])) : S("", !0)
+        ]),
+        _: 1
+      }, 8, ["state", "empty-title", "empty-description"])
+    ]));
+  }
+}), Je = { class: "flex items-center justify-center" }, Ye = /* @__PURE__ */ z({
+  __name: "NotificationBell",
+  setup(o) {
+    const { t } = N(), { inbox: e, settings: n } = ee(), r = pe(), _ = de("sheet"), f = q(() => e.value?.unreadCount.value ?? 0), E = q(() => f.value > 0 ? t("core.notifications.open_unread", { count: f.value }) : t("core.notifications.open")), i = q(() => f.value > 0 ? $e(f.value) : void 0);
+    return (b, v) => a(e) ? (g(), w(B, { key: 0 }, [
+      a(r) ? (g(), w(B, { key: 1 }, [
+        T(H, {
+          icon: "notification3Line",
+          label: E.value,
+          badge: i.value,
+          "data-notification-bell": "",
+          onClick: v[1] || (v[1] = (l) => {
+            _.value?.present(), a(e).load();
+          })
+        }, null, 8, ["label", "badge"]),
+        T(a(be), {
+          ref_key: "sheet",
+          ref: _,
+          title: a(t)("core.notifications.title")
+        }, ue({
+          footer: R(() => [
+            C("div", Je, [
+              T(ne, { inbox: a(e) }, null, 8, ["inbox"])
+            ])
+          ]),
+          default: R(() => [
+            T(Y, {
+              inbox: a(e),
+              appearance: "sheet",
+              onClose: v[3] || (v[3] = (l) => _.value?.dismiss())
+            }, null, 8, ["inbox"])
+          ]),
+          _: 2
+        }, [
+          a(n) ? {
+            name: "actions",
+            fn: R(() => [
+              T(oe, {
+                onClick: v[2] || (v[2] = (l) => _.value?.dismiss())
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])
+      ], 64)) : (g(), I(a(_e), {
+        key: 0,
+        placement: "bottom-start",
+        width: "auto",
+        arrow: !1,
+        label: a(t)("core.notifications.title"),
+        onPresented: v[0] || (v[0] = (l) => a(e).load())
+      }, {
+        trigger: R(({ toggle: l, attrs: x }) => [
+          T(H, X(x, {
+            icon: "notification3Line",
+            label: E.value,
+            badge: i.value,
+            "data-notification-bell": "",
+            onClick: l
+          }), null, 16, ["label", "badge", "onClick"])
+        ]),
+        default: R(({ dismiss: l }) => [
+          T(Y, {
+            inbox: a(e),
+            appearance: "popover",
+            onClose: l
+          }, null, 8, ["inbox", "onClose"])
+        ]),
+        _: 1
+      }, 8, ["label"]))
+    ], 64)) : S("", !0);
+  }
+});
+function Qe(o) {
+  return {
+    id: "notifications.inbox",
+    scope: "session",
+    start({ signal: t, platform: e }) {
+      const n = e.config.apiBase.replace(/\/+$/, "");
+      return o.value = ze({ http: e.http, streamUrl: `${n}/${M.stream.path.replace(/^\/+/, "")}`, signal: t }), () => {
+        o.value = null;
+      };
+    }
+  };
+}
+function _t(o = {}) {
+  const t = U(null), e = o.deadLetters ?? {}, n = o.settings ?? !0;
+  return se({
+    id: "notifications",
+    routes: [...e === !1 ? [] : J.records, ...n ? j.records : []],
+    navigation: e !== !1 && e.destination ? [{ destination: e.destination, to: J.index }] : [],
+    context: le(ke, { inbox: t, categories: o.categories ?? {}, settings: n }),
+    contributions: [
+      { id: "notifications.bell", slot: "headerActions", component: Ye, scope: "authenticated" },
+      ...n ? [{ id: "notifications.settings", slot: "accountMenu", component: Te, scope: "authenticated", optional: !0, order: -9 }] : []
+    ],
+    effects: [Qe(t)]
+  });
+}
+export {
+  bt as R,
+  j as a,
+  _t as b,
+  J as d,
+  pt as e,
+  M as n
+};