@wssto2/vue-core 0.6.0 → 0.8.0

package/dist/IncidentRecord-DQTnYQEe.js

@@ -0,0 +1,405 @@
+import { defineComponent as G, openBlock as a, createElementBlock as p, createVNode as l, unref as e, createElementVNode as n, toDisplayString as o, createCommentVNode as c, computed as h, createBlock as d, withCtx as r, Fragment as U, renderList as F, createTextVNode as S, mergeProps as b } from "vue";
+import { useI18n as ee } from "vue-i18n";
+import { useRoute as te } from "vue-router";
+import { _ as se } from "./Button.vue_vue_type_script_setup_true_lang-DQq_0P0p.js";
+import { a as ne } from "./neighbors-BKzihEGQ.js";
+import { _ as m } from "./KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
+import { _ as T } from "./Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
+import { _ as ie } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { a as ae } from "./leaveGuard-Cc8yeLxM.js";
+import { u as le } from "./useResourceForm-DYuYT_on.js";
+import { _ as oe } from "./FormErrors.vue_vue_type_script_setup_true_lang-DJiK8iqo.js";
+import { _ as re } from "./FormGroup.vue_vue_type_script_setup_true_lang-BTADNpwB.js";
+import { _ as ce } from "./FormView.vue_vue_type_script_setup_true_lang-Ncl9DmFB.js";
+import { _ as w } from "./SelectField.vue_vue_type_script_setup_true_lang-iJm8qmjT.js";
+import { _ as P } from "./TextareaField.vue_vue_type_script_setup_true_lang-Dyh4Hhyl.js";
+import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-7IAl4eAE.js";
+import { u as de } from "./useSaveChrome-7huA3FzR.js";
+import { u as ue } from "./useCommand-BIZX1ReM.js";
+import { u as _e } from "./format-D8X4zsx6.js";
+import { t as me } from "./toast-CqSDTWRX.js";
+import { _ as fe } from "./RecordHeader.vue_vue_type_script_setup_true_lang-DPm9q1P_.js";
+import { u as pe } from "./platform-Dr4iY3b8.js";
+import { a as be } from "./routeResource-CcYA75T2.js";
+import { a as ve } from "./ResourcePage.vue_vue_type_script_setup_true_lang-Cm3tx76N.js";
+import { _ as N } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as q } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
+import { u as xe, i as he, a as ye, M as ge, U as ke, m as we, f as $e, g as z, r as Se, S as Te, e as D, c as L, d as Ee, b as Ie } from "./index-Cgu6Ntok.js";
+import { _ as Ne } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+const De = { class: "flex min-w-0 items-center gap-2" }, Le = { class: "flex min-w-0 flex-col items-start" }, Ce = { class: "max-w-full truncate text-xs font-semibold text-content-strong" }, Ae = {
+  key: 0,
+  class: "max-w-full truncate text-footnote text-content-muted"
+}, E = /* @__PURE__ */ G({
+  __name: "Person",
+  props: {
+    person: {}
+  },
+  setup(y) {
+    return (t, C) => (a(), p("div", De, [
+      l(e(Ne), {
+        name: y.person.name,
+        size: "xs"
+      }, null, 8, ["name"]),
+      n("div", Le, [
+        n("span", Ce, o(y.person.name), 1),
+        y.person.email ? (a(), p("span", Ae, o(y.person.email), 1)) : c("", !0)
+      ])
+    ]));
+  }
+}), Oe = { class: "tabular-nums" }, Re = {
+  class: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_300px]",
+  "data-test": "incident"
+}, Ve = { class: "flex min-w-0 flex-col gap-6" }, je = { class: "flex flex-col gap-3 text-sm" }, Be = { class: "whitespace-pre-line text-content" }, Ue = { class: "grid grid-cols-2 gap-x-6 gap-y-3" }, Fe = { class: "font-mono" }, Pe = { class: "font-mono" }, Me = { class: "flex flex-col gap-3" }, qe = { class: "whitespace-pre-line font-mono" }, ze = { class: "mt-1 overflow-x-auto whitespace-pre-wrap rounded-control bg-fill p-3 font-mono text-xs font-normal" }, Ge = { class: "mb-2 flex items-center justify-between gap-3" }, Ye = { class: "text-xs text-content-muted" }, He = { class: "text-sm font-semibold text-content-strong" }, Je = { class: "whitespace-pre-line text-sm text-content" }, Ke = { class: "mt-3 flex flex-col gap-2" }, Qe = { class: "whitespace-pre-line font-normal" }, We = { class: "whitespace-pre-line font-normal" }, Xe = { class: "whitespace-pre-line font-normal" }, Ze = { class: "mb-2 flex items-center justify-between gap-3" }, et = { class: "text-xs text-content-muted" }, tt = { class: "whitespace-pre-line text-sm text-content-strong" }, st = {
+  key: 0,
+  class: "mt-2 inline-flex"
+}, nt = {
+  class: "flex flex-col gap-3 border-t border-border-separator p-4",
+  "data-test": "incident-comment"
+}, it = { class: "flex min-w-0 flex-col gap-4" }, at = { class: "flex flex-col gap-3 text-xs" }, lt = { key: 0 }, ot = { class: "mb-1 font-semibold uppercase text-content-muted" }, rt = { key: 1 }, ct = { class: "mb-1 font-semibold uppercase text-content-muted" }, dt = { key: 2 }, ut = { class: "mb-1 font-semibold uppercase text-content-muted" }, _t = ["href"], Pt = /* @__PURE__ */ G({
+  __name: "IncidentRecord",
+  setup(y) {
+    const { t } = ee(), C = te(), { http: Y, access: A } = pe(), $ = _e(), I = xe(), v = be({ param: "incidentID", load: (u, { signal: _ }) => I.show(u, { signal: _ }), identify: (u) => u.incident.id }), H = ne(ye(Y), { current: () => v.id.value, list: he.index, param: "incidentID", backLabel: () => t("core.incidents.title") }), O = Number(C.params.incidentID), J = h(() => A.can(ge)), R = h(() => A.can(ke)), i = h(() => v.data.value?.incident ?? null), V = h(() => v.data.value?.reports ?? []), j = h(() => v.data.value?.comments ?? []), f = le({
+      source: v,
+      defaults: $e,
+      toValues: we,
+      save: async (u, _, { idempotencyKey: s }) => ({ ..._, incident: await I.update(O, u, s) })
+    });
+    async function B() {
+      (await f.save({ refresh: () => v.reload() })).status === "saved" && me.success(t("core.actions.saved"));
+    }
+    de({ form: f, label: () => t("core.incidents.actions.save"), allowed: R, ready: () => !!i.value, save: () => void B() });
+    const x = ue({
+      defaults: z,
+      validator: Se(["body"], t("core.account.validation.required")),
+      run: (u, { idempotencyKey: _ }) => I.comment(O, u, _),
+      done: async () => {
+        x.form.hydrate(z()), await v.reload();
+      }
+    });
+    ae(() => x.form.values.body.trim() !== "");
+    const g = (u) => h(() => Object.entries(u).map(([_, s]) => ({ value: _, label: t(s) }))), K = g(L), Q = g(D), W = g({ reporter_and_staff: "core.incidents.visibilities.reporter_and_staff", staff_only: "core.incidents.visibilities.staff_only" }), X = g({ public: "core.incidents.comment_visibilities.public", internal: "core.incidents.comment_visibilities.internal" }), Z = g({ none: "core.incidents.ticket_providers.none", github: "core.incidents.ticket_providers.github", jira: "core.incidents.ticket_providers.jira" }), k = (u, _) => t(u[_] ?? _);
+    return (u, _) => (a(), d(e(ve), {
+      resource: e(v),
+      title: i.value?.title ?? e(t)("core.incidents.title"),
+      list: e(H).context
+    }, {
+      header: r(({ record: s }) => [
+        l(e(fe), {
+          title: s.incident.title,
+          subtitle: [s.incident.public_code, k(e(D), s.incident.severity), k(e(L), s.incident.status)].join(" · ")
+        }, {
+          leading: r(() => [
+            l(e(ie), {
+              tone: "neutral",
+              icon: "alertTriangle",
+              size: "lg"
+            })
+          ]),
+          meta: r(() => [
+            n("span", Oe, o(s.incident.public_code), 1),
+            l(e(N), {
+              tone: e(Ee)[s.incident.severity] ?? "neutral"
+            }, {
+              default: r(() => [
+                S(o(k(e(D), s.incident.severity)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"]),
+            l(e(N), {
+              tone: e(Ie)[s.incident.status] ?? "neutral",
+              dot: ""
+            }, {
+              default: r(() => [
+                S(o(k(e(L), s.incident.status)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"])
+          ]),
+          _: 2
+        }, 1032, ["title", "subtitle"])
+      ]),
+      default: r(() => [
+        n("div", Re, [
+          n("div", Ve, [
+            i.value ? (a(), d(e(T), {
+              key: 0,
+              title: e(t)("core.incidents.details.overview")
+            }, {
+              default: r(() => [
+                n("div", je, [
+                  n("p", Be, o(i.value.description), 1),
+                  n("dl", Ue, [
+                    i.value.affected_module ? (a(), d(e(m), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.affected_module"),
+                      value: i.value.affected_module
+                    }, null, 8, ["label", "value"])) : c("", !0),
+                    i.value.affected_route ? (a(), d(e(m), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.affected_route")
+                    }, {
+                      default: r(() => [
+                        n("span", Fe, o(i.value.affected_route), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : c("", !0),
+                    i.value.environment ? (a(), d(e(m), {
+                      key: 2,
+                      label: e(t)("core.incidents.fields.environment"),
+                      value: i.value.environment
+                    }, null, 8, ["label", "value"])) : c("", !0),
+                    i.value.error_class ? (a(), d(e(m), {
+                      key: 3,
+                      label: e(t)("core.incidents.fields.error_class")
+                    }, {
+                      default: r(() => [
+                        n("span", Pe, o(i.value.error_class), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : c("", !0)
+                  ]),
+                  n("dl", Me, [
+                    i.value.error_message_sample ? (a(), d(e(m), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.error_message_sample")
+                    }, {
+                      default: r(() => [
+                        n("span", qe, o(i.value.error_message_sample), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : c("", !0),
+                    i.value.stacktrace_sample ? (a(), d(e(m), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.stacktrace_sample")
+                    }, {
+                      default: r(() => [
+                        n("pre", ze, o(i.value.stacktrace_sample), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : c("", !0)
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])) : c("", !0),
+            l(e(T), {
+              title: e(t)("core.incidents.details.user_reports"),
+              flush: ""
+            }, {
+              default: r(() => [
+                V.value.length === 0 ? (a(), d(e(q), {
+                  key: 0,
+                  title: e(t)("core.incidents.details.no_reports"),
+                  icon: "fileTextLine"
+                }, null, 8, ["title"])) : (a(!0), p(U, { key: 1 }, F(V.value, (s) => (a(), p("div", {
+                  key: s.id,
+                  class: "p-4 not-last:border-b not-last:border-border-separator",
+                  "data-test": "incident-report-item"
+                }, [
+                  n("div", Ge, [
+                    s.reporter ? (a(), d(E, {
+                      key: 0,
+                      person: s.reporter
+                    }, null, 8, ["person"])) : c("", !0),
+                    n("span", Ye, o(e($).dateTime(s.created_at)), 1)
+                  ]),
+                  n("p", He, o(s.title), 1),
+                  n("p", Je, o(s.description), 1),
+                  n("dl", Ke, [
+                    s.steps_to_reproduce ? (a(), d(e(m), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.steps_to_reproduce")
+                    }, {
+                      default: r(() => [
+                        n("span", Qe, o(s.steps_to_reproduce), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : c("", !0),
+                    s.expected_result ? (a(), d(e(m), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.expected_result")
+                    }, {
+                      default: r(() => [
+                        n("span", We, o(s.expected_result), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : c("", !0),
+                    s.actual_result ? (a(), d(e(m), {
+                      key: 2,
+                      label: e(t)("core.incidents.fields.actual_result")
+                    }, {
+                      default: r(() => [
+                        n("span", Xe, o(s.actual_result), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : c("", !0)
+                  ])
+                ]))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(T), {
+              title: e(t)("core.incidents.details.comments"),
+              flush: ""
+            }, {
+              default: r(() => [
+                j.value.length === 0 ? (a(), d(e(q), {
+                  key: 0,
+                  title: e(t)("core.incidents.details.no_comments"),
+                  icon: "chat4Fill"
+                }, null, 8, ["title"])) : (a(!0), p(U, { key: 1 }, F(j.value, (s) => (a(), p("div", {
+                  key: s.id,
+                  class: "p-4 not-last:border-b not-last:border-border-separator",
+                  "data-test": "incident-comment-item"
+                }, [
+                  n("div", Ze, [
+                    s.author ? (a(), d(E, {
+                      key: 0,
+                      person: s.author
+                    }, null, 8, ["person"])) : c("", !0),
+                    n("span", et, o(e($).dateTime(s.created_at)), 1)
+                  ]),
+                  n("p", tt, o(s.body), 1),
+                  s.visibility === "internal" ? (a(), p("span", st, [
+                    l(e(N), { tone: "neutral" }, {
+                      default: r(() => [
+                        S(o(e(t)("core.incidents.comment_visibilities.internal")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])) : c("", !0)
+                ]))), 128)),
+                n("div", nt, [
+                  l(e(oe), {
+                    form: e(x).form
+                  }, null, 8, ["form"]),
+                  l(e(P), b(e(x).form.bind("body"), {
+                    label: e(t)("core.incidents.fields.comment_body"),
+                    rows: 3,
+                    stacked: ""
+                  }), null, 16, ["label"]),
+                  J.value ? (a(), d(e(w), b({ key: 0 }, e(x).form.bind("visibility"), {
+                    label: e(t)("core.incidents.fields.comment_visibility"),
+                    options: e(X)
+                  }), null, 16, ["label", "options"])) : c("", !0),
+                  l(e(se), {
+                    prominence: "primary",
+                    processing: e(x).form.submitting.value,
+                    onClick: _[0] || (_[0] = (s) => e(x).run())
+                  }, {
+                    default: r(() => [
+                      S(o(e(t)("core.incidents.actions.add_comment")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["processing"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          n("div", it, [
+            i.value ? (a(), d(e(T), {
+              key: 0,
+              title: e(t)("core.incidents.details.summary")
+            }, {
+              default: r(() => [
+                n("div", at, [
+                  l(e(m), {
+                    label: e(t)("core.incidents.fields.source"),
+                    value: k(e(Te), i.value.source)
+                  }, null, 8, ["label", "value"]),
+                  l(e(m), {
+                    label: e(t)("core.incidents.fields.first_seen_at"),
+                    value: e($).dateTime(i.value.first_seen_at)
+                  }, null, 8, ["label", "value"]),
+                  l(e(m), {
+                    label: e(t)("core.incidents.fields.last_seen_at"),
+                    value: e($).dateTime(i.value.last_seen_at)
+                  }, null, 8, ["label", "value"]),
+                  l(e(m), {
+                    label: e(t)("core.incidents.fields.occurrence_count"),
+                    value: i.value.occurrence_count
+                  }, null, 8, ["label", "value"]),
+                  i.value.reporter ? (a(), p("div", lt, [
+                    n("h6", ot, o(e(t)("core.incidents.fields.reporter")), 1),
+                    l(E, {
+                      person: i.value.reporter
+                    }, null, 8, ["person"])
+                  ])) : c("", !0),
+                  i.value.assignee ? (a(), p("div", rt, [
+                    n("h6", ct, o(e(t)("core.incidents.fields.assignee")), 1),
+                    l(E, {
+                      person: i.value.assignee
+                    }, null, 8, ["person"])
+                  ])) : c("", !0),
+                  i.value.external_ticket_url ? (a(), p("div", dt, [
+                    n("h6", ut, o(e(t)("core.incidents.fields.external_ticket")), 1),
+                    n("a", {
+                      href: i.value.external_ticket_url,
+                      target: "_blank",
+                      rel: "noopener",
+                      class: "text-content-link hover:underline"
+                    }, o(i.value.external_ticket_id || i.value.external_ticket_url), 9, _t)
+                  ])) : c("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])) : c("", !0),
+            R.value ? (a(), d(e(ce), {
+              key: 1,
+              form: e(f),
+              onSubmit: B
+            }, {
+              default: r(() => [
+                l(e(re), {
+                  header: e(t)("core.incidents.details.management"),
+                  "label-width": "7rem",
+                  "data-test": "incident-management"
+                }, {
+                  default: r(() => [
+                    l(e(w), b(e(f).bind("status"), {
+                      label: e(t)("core.incidents.fields.status"),
+                      options: e(K)
+                    }), null, 16, ["label", "options"]),
+                    l(e(w), b(e(f).bind("severity"), {
+                      label: e(t)("core.incidents.fields.severity"),
+                      options: e(Q)
+                    }), null, 16, ["label", "options"]),
+                    l(e(w), b(e(f).bind("visibility"), {
+                      label: e(t)("core.incidents.fields.visibility"),
+                      options: e(W)
+                    }), null, 16, ["label", "options"]),
+                    l(e(P), b(e(f).bind("resolution_summary"), {
+                      label: e(t)("core.incidents.fields.resolution_summary"),
+                      rows: 3,
+                      "max-length": 2e3,
+                      stacked: ""
+                    }), null, 16, ["label"]),
+                    l(e(w), b(e(f).bind("external_ticket_provider"), {
+                      label: e(t)("core.incidents.fields.external_ticket_provider"),
+                      options: e(Z)
+                    }), null, 16, ["label", "options"]),
+                    l(e(M), b(e(f).bind("external_ticket_id"), {
+                      label: e(t)("core.incidents.fields.external_ticket_id"),
+                      "max-length": 100
+                    }), null, 16, ["label"]),
+                    l(e(M), b(e(f).bind("external_ticket_url"), {
+                      label: e(t)("core.incidents.fields.external_ticket_url"),
+                      "max-length": 500
+                    }), null, 16, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["header"])
+              ]),
+              _: 1
+            }, 8, ["form"])) : c("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "list"]));
+  }
+});
+export {
+  Pt as default
+};

package/dist/IncidentsList-C3yUnwwY.js

@@ -0,0 +1,140 @@
+import { defineComponent as $, useTemplateRef as D, computed as d, openBlock as n, createBlock as m, unref as e, withCtx as i, createVNode as c, createElementBlock as p, toDisplayString as a, createElementVNode as F, createTextVNode as f, createCommentVNode as O } from "vue";
+import { useI18n as q } from "vue-i18n";
+import { useRouter as U } from "vue-router";
+import { u as z, _ as P } from "./CollectionPage.vue_vue_type_script_setup_true_lang--onFdKOB.js";
+import { a as y } from "./rowLayout-XlTcD4de.js";
+import { u as Y } from "./datePresets-DB13HHHd.js";
+import { _ as j } from "./Timestamp.vue_vue_type_script_setup_true_lang-u53rHMFG.js";
+import { _ as g } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { u as K } from "./format-D8X4zsx6.js";
+import { u as G } from "./platform-Dr4iY3b8.js";
+import { _ as k } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { i as v, a as H, C as J, _ as M, S as T, b as Q, c as S, d as W, e as E } from "./index-Cgu6Ntok.js";
+const X = {
+  key: 1,
+  class: "flex min-w-0 items-center gap-3"
+}, Z = {
+  key: 0,
+  class: "shrink-0 tabular-nums"
+}, ee = { class: "text-xs" }, te = {
+  key: 0,
+  class: "tabular-nums"
+}, be = /* @__PURE__ */ $({
+  __name: "IncidentsList",
+  setup(se) {
+    const { t: s } = q(), w = U(), { http: C, access: N } = G(), R = K(), b = D("report"), I = d(() => [
+      { key: "title", label: s("core.incidents.table_columns.title"), sort: "title", mobile: "primary" },
+      { key: "severity", label: s("core.incidents.table_columns.severity"), width: 110, align: "center", mobile: "meta" },
+      { key: "status", label: s("core.incidents.table_columns.status"), width: 130, align: "center", mobile: "accessory" },
+      { key: "source", label: s("core.incidents.table_columns.source"), width: 130, align: "center", mobile: "hidden" },
+      { key: "report_count", label: s("core.incidents.table_columns.report_count"), width: 90, align: "center", mobile: "hidden" },
+      { key: "occurrence_count", label: s("core.incidents.table_columns.occurrence_count"), width: 90, align: "center", mobile: "hidden" },
+      { key: "last_seen_at", label: s("core.incidents.table_columns.last_seen_at"), sort: "last_seen_at", width: 150, align: "center", mobile: "meta" }
+    ]), u = (l, h, t, o) => ({
+      key: l,
+      icon: h,
+      label: t,
+      type: "select",
+      options: Object.entries(o).map(([r, V]) => ({ label: s(V), value: r }))
+    }), L = Y("created_at"), x = d(() => [
+      L.value,
+      u("status", "checkCircle", s("core.incidents.table_filters.status"), S),
+      u("severity", "alertTriangle", s("core.incidents.table_filters.severity"), E),
+      u("source", "gitRepositoryCommitsFill", s("core.incidents.table_filters.source"), T)
+    ]), _ = z(H(C), {
+      columns: I,
+      filters: x,
+      state: { kind: "url", key: "query" },
+      recordRoute: (l) => v.details({ incidentID: l.id })
+    }), A = d(() => N.can(J) ? [{
+      id: "create",
+      label: s("core.incidents.actions.report"),
+      icon: "alertTriangle",
+      placement: "primary",
+      compact: "icon",
+      keyboardShortcut: { key: "N", ctrlKey: !0 },
+      onClick: () => void b.value?.show()
+    }] : []), B = (l) => void w.push(v.details({ incidentID: l.id }));
+    return (l, h) => (n(), m(e(P), {
+      collection: e(_),
+      title: e(s)("core.incidents.title"),
+      description: e(s)("core.incidents.description"),
+      icon: "alertTriangle",
+      actions: A.value,
+      "row-height": 61
+    }, {
+      leading: i(() => [
+        c(e(g), {
+          tone: "brand",
+          weight: "soft",
+          size: "sm",
+          icon: "alertTriangle"
+        })
+      ]),
+      "cell-title": i(({ item: t, compact: o, to: r }) => [
+        o ? (n(), m(e(y), {
+          key: 0,
+          title: t.title,
+          to: r,
+          highlight: e(_).query.value.search
+        }, null, 8, ["title", "to", "highlight"])) : (n(), p("div", X, [
+          c(e(g), {
+            tone: "brand",
+            weight: "soft",
+            size: "sm",
+            icon: "alertTriangle"
+          }),
+          c(e(y), {
+            title: t.title,
+            subtitle: t.public_code,
+            to: r,
+            highlight: e(_).query.value.search,
+            "subtitle-selectable": ""
+          }, null, 8, ["title", "subtitle", "to", "highlight"])
+        ]))
+      ]),
+      "cell-severity": i(({ item: t, compact: o }) => [
+        o ? (n(), p("span", Z, a(t.public_code), 1)) : O("", !0),
+        c(e(k), {
+          tone: e(W)[t.severity] ?? "neutral"
+        }, {
+          default: i(() => [
+            f(a(e(s)(e(E)[t.severity] ?? t.severity)), 1)
+          ]),
+          _: 2
+        }, 1032, ["tone"])
+      ]),
+      "cell-status": i(({ item: t }) => [
+        c(e(k), {
+          tone: e(Q)[t.status] ?? "neutral",
+          dot: ""
+        }, {
+          default: i(() => [
+            f(a(e(s)(e(S)[t.status] ?? t.status)), 1)
+          ]),
+          _: 2
+        }, 1032, ["tone"])
+      ]),
+      "cell-source": i(({ item: t }) => [
+        F("span", ee, a(e(s)(e(T)[t.source] ?? t.source)), 1)
+      ]),
+      "cell-last_seen_at": i(({ item: t, compact: o }) => [
+        o ? (n(), p("span", te, a(e(R).date(t.last_seen_at)), 1)) : (n(), m(e(j), {
+          key: 1,
+          value: t.last_seen_at
+        }, null, 8, ["value"]))
+      ]),
+      default: i(() => [
+        c(M, {
+          ref_key: "report",
+          ref: b,
+          onCreated: B
+        }, null, 512)
+      ]),
+      _: 1
+    }, 8, ["collection", "title", "description", "actions"]));
+  }
+});
+export {
+  be as default
+};

package/dist/KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js

@@ -0,0 +1,35 @@
+import { defineComponent as p, useSlots as f, computed as v, openBlock as a, createElementBlock as l, createElementVNode as t, createTextVNode as r, toDisplayString as o, renderSlot as d, normalizeClass as _, Fragment as x, unref as y } from "vue";
+import { useI18n as b } from "vue-i18n";
+const g = { class: "min-w-0" }, k = { class: "flex items-center gap-1 text-xs text-content-muted" }, w = { class: "sr-only" }, E = /* @__PURE__ */ p({
+  __name: "KeyValue",
+  props: {
+    label: {},
+    value: { default: void 0 },
+    wrap: { type: Boolean, default: !0 }
+  },
+  setup(u) {
+    const e = u, { t: c } = b(), i = f(), m = v(() => !i.default && (e.value === null || e.value === void 0 || e.value === ""));
+    return (s, n) => (a(), l("div", g, [
+      t("dt", k, [
+        r(o(e.label) + " ", 1),
+        d(s.$slots, "label")
+      ]),
+      t("dd", {
+        class: _(["mt-0.5 text-sm font-medium text-content-strong", e.wrap ? "break-words" : "truncate"])
+      }, [
+        m.value ? (a(), l(x, { key: 0 }, [
+          n[0] || (n[0] = t("span", {
+            "aria-hidden": "true",
+            class: "font-normal text-content-disabled"
+          }, "—", -1)),
+          t("span", w, o(y(c)("core.state.no_value")), 1)
+        ], 64)) : d(s.$slots, "default", {}, () => [
+          r(o(e.value), 1)
+        ], void 0, 1)
+      ], 2)
+    ]));
+  }
+});
+export {
+  E as _
+};

package/dist/{LeaveGuardRoot.vue_vue_type_script_setup_true_lang-Cv7KlA5y.js → LeaveGuardRoot.vue_vue_type_script_setup_true_lang-ChIsmnts.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, onBeforeUnmount as f, useTemplateRef as l, watch as m, openBlock as u, createBlock as p } from "vue";
-import { _ as d } from "./DiscardChangesModal.vue_vue_type_script_setup_true_lang-D1arePCZ.js";
+import { _ as d } from "./DiscardChangesModal.vue_vue_type_script_setup_true_lang-DcihJfpk.js";
 import { u as v } from "./leaveGuard-Cc8yeLxM.js";
 const $ = /* @__PURE__ */ i({
   __name: "LeaveGuardRoot",

package/dist/{Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js → Menu.vue_vue_type_script_setup_true_lang-ldLdJ5Q-.js}

@@ -1,5 +1,5 @@
 import { defineComponent as G, useId as Y, ref as v, computed as y, watch as k, nextTick as h, onUnmounted as j, openBlock as o, createElementBlock as r, Fragment as x, renderSlot as J, createCommentVNode as u, createBlock as d, Teleport as Q, createVNode as W, Transition as X, withCtx as Z, mergeProps as ee, unref as p, renderList as te, normalizeClass as ne, createElementVNode as oe, toDisplayString as R } from "vue";
-import { _ } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as ae } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
 import { u as ie } from "./anchored-DpuUwf-9.js";
 import { I as re } from "./dialogStack-DZZg55w0.js";

package/dist/{MenuButton.vue_vue_type_script_setup_true_lang-AGbN9r5q.js → MenuButton.vue_vue_type_script_setup_true_lang-C-XRr5f2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as s, createElementBlock as r, mergeProps as i, createVNode as l, unref as a } from "vue";
-import { _ as c } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as c } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 const u = ["aria-label", "data-pressed"], b = /* @__PURE__ */ n({
   __name: "MenuButton",
   props: {

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js → Modal.vue_vue_type_script_setup_true_lang-4MsnTWyx.js}

@@ -1,7 +1,7 @@
 import { toValue as oe, watch as ee, onUnmounted as le, computed as i, ref as j, defineComponent as ne, useSlots as q, useId as ie, inject as re, openBlock as t, createBlock as _, Teleport as de, createElementBlock as a, unref as s, createVNode as k, Transition as T, withCtx as z, normalizeStyle as V, createCommentVNode as o, normalizeClass as y, createElementVNode as n, mergeProps as G, toDisplayString as m, renderSlot as f, createTextVNode as ce } from "vue";
 import { useI18n as ue } from "vue-i18n";
-import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as Q } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-DQq_0P0p.js";
+import { _ as Q } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { u as pe } from "./mediaQuery-CygcXmFW.js";
 import { u as me } from "./useDialog-CXR3hN0G.js";
 import { u as fe } from "./useSheetDrag-OsD6Eb6I.js";

package/dist/{NewRolePage-Btg7gzzH.js → NewRolePage-Bw2_jXcQ.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-GUTIXuNd.js";
-import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-9Lt1XggN.js";
+import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-GxAsImnO.js";
 import { u as g } from "./useLoad-W4tfxmm5.js";
-import { u as x } from "./PersonAccess.vue_vue_type_script_setup_true_lang-ClmawvYm.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-Bs9bo0Zb.js";
+import { u as x } from "./PersonAccess.vue_vue_type_script_setup_true_lang-07pq4SrY.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-DuQR8hFf.js";
 import { accessPages as u } from "./access/index.js";
 const j = /* @__PURE__ */ _({
   __name: "NewRolePage",

package/dist/{NoAccess.vue_vue_type_script_setup_true_lang-DWxq-MTM.js → NoAccess.vue_vue_type_script_setup_true_lang-BHzZtZ50.js}

@@ -1,7 +1,7 @@
 import { createWebHistory as c } from "vue-router";
 import { defineComponent as s, openBlock as i, createBlock as a, unref as o } from "vue";
 import { useI18n as p } from "vue-i18n";
-import { _ as u } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { _ as u } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
 function _(e = navigator) {
   return e.standalone === !0;
 }

package/dist/{NumberField.vue_vue_type_script_setup_true_lang-C8um4ARi.js → NumberField.vue_vue_type_script_setup_true_lang-C3nw944P.js}

@@ -1,7 +1,7 @@
 import { defineComponent as H, ref as _, computed as B, useTemplateRef as K, watch as R, openBlock as q, createBlock as J, mergeProps as L, unref as T, createSlots as Q, withCtx as $, createElementVNode as Z, normalizeClass as E, createElementBlock as G, toDisplayString as I, createCommentVNode as P, isRef as W, renderSlot as N, mergeDefaults as U } from "vue";
 import { b as X } from "./controlSurface-t7OEFESJ.js";
 import { u as Y } from "./format-D8X4zsx6.js";
-import { a as ee, e as te, _ as le, f as ae, b as oe } from "./options-e_CAfvDQ.js";
+import { a as ee, e as te, _ as le, f as ae, b as oe } from "./options-QuOkMKVZ.js";
 function ne(c) {
   const r = c.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), u = /^\d(\D)\d/.exec(r)?.[1] ?? "";
   return { decimal: r.charAt(r.length - 2) || ".", group: u === "." || u === "," ? u : "" };