@wssto2/vue-core 0.13.0 → 0.14.0

package/dist/IncidentRecord-BwSBNE37.js

@@ -0,0 +1,522 @@
+import { defineComponent as G, openBlock as s, createElementBlock as m, createVNode as c, unref as e, createElementVNode as n, toDisplayString as o, createCommentVNode as r, ref as J, computed as S, createBlock as _, withCtx as u, Fragment as F, renderList as M, createTextVNode as E, mergeProps as w } from "vue";
+import { useI18n as X } from "vue-i18n";
+import { useRoute as ie } from "vue-router";
+import { _ as V } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
+import { u as ae } from "./neighbors-Csfan8Ho.js";
+import { _ as v } from "./KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
+import { _ as D } from "./Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
+import { _ as le } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { a as re } from "./leaveGuard-Cc8yeLxM.js";
+import { u as ce } from "./useResourceForm-Dl6YFYyz.js";
+import { _ as de, a as ue } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { _ as _e } from "./FormView.vue_vue_type_script_setup_true_lang-DvbPEiNQ.js";
+import { _ as O } from "./SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
+import { _ as H } from "./TextareaField.vue_vue_type_script_setup_true_lang-D2j4s96s.js";
+import { _ as K } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
+import { u as me } from "./useSaveChrome-7huA3FzR.js";
+import { u as pe } from "./useCommand-Ch_nx1AQ.js";
+import { u as Z } from "./format-Cp1h0vsC.js";
+import { t as fe } from "./toast-CqSDTWRX.js";
+import { _ as ve } from "./RecordHeader.vue_vue_type_script_setup_true_lang-SDgLjwEI.js";
+import { u as be } from "./platform-DtISOEt7.js";
+import { a as xe } from "./routeResource-DlTsGTg_.js";
+import { a as he } from "./ResourcePage.vue_vue_type_script_setup_true_lang-DRC3h71-.js";
+import { _ as P } 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 ee, i as ye, a as ge, M as ke, U as we, m as $e, f as Se, g as W, r as Te, S as Ee, e as U, c as z, d as Ie, b as Ce } from "./index-Crz-j_Hu.js";
+import { _ as je } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
+import { u as Ne } from "./useLoad-M7V-AVwR.js";
+import { _ as Le } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+const Oe = { class: "flex min-w-0 items-center gap-2" }, De = { class: "flex min-w-0 flex-col items-start" }, Re = { 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"
+}, R = /* @__PURE__ */ G({
+  __name: "Person",
+  props: {
+    person: {}
+  },
+  setup(T) {
+    return (t, h) => (s(), m("div", Oe, [
+      c(e(Le), {
+        name: T.person.name,
+        size: "xs"
+      }, null, 8, ["name"]),
+      n("div", De, [
+        n("span", Re, o(T.person.name), 1),
+        T.person.email ? (s(), m("span", Ae, o(T.person.email), 1)) : r("", !0)
+      ])
+    ]));
+  }
+}), Be = { class: "mb-1 flex flex-wrap items-center justify-between gap-3" }, Ve = { class: "text-xs text-content-muted" }, qe = {
+  key: 0,
+  class: "font-mono text-xs text-content"
+}, Pe = { class: "flex flex-wrap items-center justify-between gap-3" }, Ue = {
+  key: 1,
+  class: "font-mono text-footnote text-content-muted"
+}, ze = {
+  key: 0,
+  class: "mt-2 font-mono text-xs text-content-strong"
+}, Fe = { class: "whitespace-pre-line text-sm text-content" }, Me = {
+  key: 1,
+  class: "mt-2 flex flex-col gap-3",
+  "data-test": "incident-occurrence-details"
+}, Ge = {
+  key: 0,
+  class: "overflow-x-auto whitespace-pre-wrap rounded-control bg-fill p-3 font-mono text-xs"
+}, Ye = { key: 1 }, Je = { class: "mb-1 text-footnote font-semibold uppercase text-content-muted" }, He = { class: "overflow-x-auto whitespace-pre-wrap rounded-control bg-fill p-3 font-mono text-xs" }, Ke = { key: 2 }, Qe = { class: "mb-1 text-footnote font-semibold uppercase text-content-muted" }, We = { class: "overflow-x-auto whitespace-pre-wrap rounded-control bg-fill p-3 font-mono text-xs" }, Xe = {
+  key: 0,
+  class: "flex items-center justify-between gap-3 border-t border-border-separator p-3"
+}, Ze = { class: "text-xs text-content-muted" }, et = /* @__PURE__ */ G({
+  __name: "Occurrences",
+  props: {
+    incidentId: {}
+  },
+  setup(T) {
+    const t = T, { t: h } = X(), q = Z(), A = ee(), b = J(1), $ = Ne((l) => A.occurrences(t.incidentId, b.value, l), { watch: [b, () => t.incidentId] }), g = S(() => $.data.value ? $.data.value.meta : void 0), I = S(() => g.value?.last_page ?? 1), y = J(/* @__PURE__ */ new Set()), B = (l) => (y.value.has(l) ? y.value.delete(l) : y.value.add(l), y.value = new Set(y.value)), C = (l) => JSON.stringify(l, null, 2), a = (l) => [l.method, l.route].filter(Boolean).join(" "), j = (l) => [l.error_class, l.error_code].filter(Boolean).join(" · "), N = (l) => l != null && !(typeof l == "object" && Object.keys(l).length === 0);
+    return (l, k) => (s(), _(e(D), {
+      title: e(h)("core.incidents.details.occurrences"),
+      flush: "",
+      "data-test": "incident-occurrences"
+    }, {
+      default: u(() => [
+        c(e(je), {
+          state: e($).state.value,
+          "empty-title": e(h)("core.incidents.details.no_occurrences"),
+          "empty-icon": "fileTextLine",
+          "is-empty": (x) => x.rows.length === 0,
+          onRetry: k[2] || (k[2] = (x) => e($).reload())
+        }, {
+          default: u(({ value: x }) => [
+            (s(!0), m(F, null, M(x.rows, (d) => (s(), m("div", {
+              key: d.id,
+              class: "p-4 not-last:border-b not-last:border-border-separator",
+              "data-test": "incident-occurrence-item"
+            }, [
+              n("div", Be, [
+                n("span", Ve, o(e(q).dateTime(d.occurred_at)), 1),
+                a(d) ? (s(), m("span", qe, o(a(d)), 1)) : r("", !0)
+              ]),
+              n("div", Pe, [
+                d.user ? (s(), _(R, {
+                  key: 0,
+                  person: d.user
+                }, null, 8, ["person"])) : r("", !0),
+                d.request_id ? (s(), m("span", Ue, o(d.request_id), 1)) : r("", !0)
+              ]),
+              j(d) ? (s(), m("p", ze, o(j(d)), 1)) : r("", !0),
+              n("p", Fe, o(d.message), 1),
+              c(e(V), {
+                prominence: "plain",
+                size: "xs",
+                onClick: (Y) => B(d.id)
+              }, {
+                default: u(() => [
+                  E(o(e(h)(y.value.has(d.id) ? "core.incidents.details.hide_details" : "core.incidents.details.show_details")), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              y.value.has(d.id) ? (s(), m("div", Me, [
+                d.stacktrace ? (s(), m("pre", Ge, o(d.stacktrace), 1)) : r("", !0),
+                N(d.context) ? (s(), m("div", Ye, [
+                  n("h6", Je, o(e(h)("core.incidents.details.context")), 1),
+                  n("pre", He, o(C(d.context)), 1)
+                ])) : r("", !0),
+                N(d.request) ? (s(), m("div", Ke, [
+                  n("h6", Qe, o(e(h)("core.incidents.details.request")), 1),
+                  n("pre", We, o(C(d.request)), 1)
+                ])) : r("", !0)
+              ])) : r("", !0)
+            ]))), 128)),
+            I.value > 1 ? (s(), m("div", Xe, [
+              c(e(V), {
+                prominence: "secondary",
+                size: "sm",
+                disabled: b.value <= 1,
+                onClick: k[0] || (k[0] = (d) => b.value--)
+              }, {
+                default: u(() => [
+                  E(o(e(h)("core.collection.page.previous")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              n("span", Ze, o(e(h)("core.collection.page.page_of", { current: b.value, total: I.value })), 1),
+              c(e(V), {
+                prominence: "secondary",
+                size: "sm",
+                disabled: b.value >= I.value,
+                onClick: k[1] || (k[1] = (d) => b.value++)
+              }, {
+                default: u(() => [
+                  E(o(e(h)("core.collection.page.next")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])) : r("", !0)
+          ]),
+          _: 1
+        }, 8, ["state", "empty-title", "is-empty"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), tt = { class: "tabular-nums" }, st = {
+  class: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_300px]",
+  "data-test": "incident"
+}, nt = { class: "flex min-w-0 flex-col gap-6" }, ot = { class: "flex flex-col gap-3 text-sm" }, it = { class: "whitespace-pre-line text-content" }, at = { class: "grid grid-cols-2 gap-x-6 gap-y-3" }, lt = { class: "font-mono" }, rt = { class: "font-mono" }, ct = { class: "flex flex-col gap-3" }, dt = { class: "whitespace-pre-line font-mono" }, ut = { class: "mt-1 overflow-x-auto whitespace-pre-wrap rounded-control bg-fill p-3 font-mono text-xs font-normal" }, _t = { class: "mb-2 flex items-center justify-between gap-3" }, mt = { class: "text-xs text-content-muted" }, pt = { class: "text-sm font-semibold text-content-strong" }, ft = { class: "whitespace-pre-line text-sm text-content" }, vt = { class: "mt-3 flex flex-col gap-2" }, bt = { class: "whitespace-pre-line font-normal" }, xt = { class: "whitespace-pre-line font-normal" }, ht = { class: "whitespace-pre-line font-normal" }, yt = { class: "mb-2 flex items-center justify-between gap-3" }, gt = { class: "text-xs text-content-muted" }, kt = { class: "whitespace-pre-line text-sm text-content-strong" }, wt = {
+  key: 0,
+  class: "mt-2 inline-flex"
+}, $t = {
+  class: "flex flex-col gap-3 border-t border-border-separator p-4",
+  "data-test": "incident-comment"
+}, St = { class: "flex min-w-0 flex-col gap-4" }, Tt = { class: "flex flex-col gap-3 text-xs" }, Et = { key: 0 }, It = { class: "mb-1 font-semibold uppercase text-content-muted" }, Ct = { key: 1 }, jt = { class: "mb-1 font-semibold uppercase text-content-muted" }, Nt = { key: 2 }, Lt = { class: "mb-1 font-semibold uppercase text-content-muted" }, Ot = ["href"], cs = /* @__PURE__ */ G({
+  __name: "IncidentRecord",
+  setup(T) {
+    const { t } = X(), h = ie(), { http: q, access: A } = be(), b = Z(), $ = ee(), g = xe({ param: "incidentID", load: (p, { signal: f }) => $.show(p, { signal: f }), identify: (p) => p.incident.id }), I = ae(ge(q), { current: () => g.id.value, list: ye.index, param: "incidentID", backLabel: () => t("core.incidents.title") }), y = Number(h.params.incidentID), B = S(() => A.can(ke)), C = S(() => A.can(we)), a = S(() => g.data.value?.incident ?? null), j = S(() => g.data.value?.reports ?? []), N = S(() => g.data.value?.comments ?? []), l = ce({
+      source: g,
+      defaults: Se,
+      toValues: $e,
+      save: async (p, f, { idempotencyKey: i }) => ({ ...f, incident: await $.update(y, p, i) })
+    });
+    async function k() {
+      (await l.save({ refresh: () => g.reload() })).status === "saved" && fe.success(t("core.actions.saved"));
+    }
+    me({ form: l, label: () => t("core.incidents.actions.save"), allowed: C, ready: () => !!a.value, save: () => void k() });
+    const x = pe({
+      defaults: W,
+      validator: Te(["body"], t("core.account.validation.required")),
+      run: (p, { idempotencyKey: f }) => $.comment(y, p, f),
+      done: async () => {
+        x.form.hydrate(W()), await g.reload();
+      }
+    });
+    re(() => x.form.values.body.trim() !== "");
+    const d = (p) => S(() => Object.entries(p).map(([f, i]) => ({ value: f, label: t(i) }))), Y = d(z), te = d(U), se = d({ reporter_and_staff: "core.incidents.visibilities.reporter_and_staff", staff_only: "core.incidents.visibilities.staff_only" }), ne = d({ public: "core.incidents.comment_visibilities.public", internal: "core.incidents.comment_visibilities.internal" }), oe = d({ none: "core.incidents.ticket_providers.none", github: "core.incidents.ticket_providers.github", jira: "core.incidents.ticket_providers.jira" }), L = (p, f) => t(p[f] ?? f);
+    return (p, f) => (s(), _(e(he), {
+      resource: e(g),
+      title: a.value?.title ?? e(t)("core.incidents.title"),
+      list: e(I).context
+    }, {
+      header: u(({ record: i }) => [
+        c(e(ve), {
+          title: i.incident.title,
+          subtitle: [i.incident.public_code, L(e(U), i.incident.severity), L(e(z), i.incident.status)].join(" · ")
+        }, {
+          leading: u(() => [
+            c(e(le), {
+              tone: "neutral",
+              icon: "alertTriangle",
+              size: "lg"
+            })
+          ]),
+          meta: u(() => [
+            n("span", tt, o(i.incident.public_code), 1),
+            c(e(P), {
+              tone: e(Ie)[i.incident.severity] ?? "neutral"
+            }, {
+              default: u(() => [
+                E(o(L(e(U), i.incident.severity)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"]),
+            c(e(P), {
+              tone: e(Ce)[i.incident.status] ?? "neutral",
+              dot: ""
+            }, {
+              default: u(() => [
+                E(o(L(e(z), i.incident.status)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"])
+          ]),
+          _: 2
+        }, 1032, ["title", "subtitle"])
+      ]),
+      default: u(() => [
+        n("div", st, [
+          n("div", nt, [
+            a.value ? (s(), _(e(D), {
+              key: 0,
+              title: e(t)("core.incidents.details.overview")
+            }, {
+              default: u(() => [
+                n("div", ot, [
+                  n("p", it, o(a.value.description), 1),
+                  n("dl", at, [
+                    a.value.affected_module ? (s(), _(e(v), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.affected_module"),
+                      value: a.value.affected_module
+                    }, null, 8, ["label", "value"])) : r("", !0),
+                    a.value.affected_route ? (s(), _(e(v), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.affected_route")
+                    }, {
+                      default: u(() => [
+                        n("span", lt, o(a.value.affected_route), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : r("", !0),
+                    a.value.environment ? (s(), _(e(v), {
+                      key: 2,
+                      label: e(t)("core.incidents.fields.environment"),
+                      value: a.value.environment
+                    }, null, 8, ["label", "value"])) : r("", !0),
+                    a.value.error_class ? (s(), _(e(v), {
+                      key: 3,
+                      label: e(t)("core.incidents.fields.error_class")
+                    }, {
+                      default: u(() => [
+                        n("span", rt, o(a.value.error_class), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : r("", !0)
+                  ]),
+                  n("dl", ct, [
+                    a.value.error_message_sample ? (s(), _(e(v), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.error_message_sample")
+                    }, {
+                      default: u(() => [
+                        n("span", dt, o(a.value.error_message_sample), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : r("", !0),
+                    a.value.stacktrace_sample ? (s(), _(e(v), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.stacktrace_sample")
+                    }, {
+                      default: u(() => [
+                        n("pre", ut, o(a.value.stacktrace_sample), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : r("", !0)
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])) : r("", !0),
+            c(e(D), {
+              title: e(t)("core.incidents.details.user_reports"),
+              flush: ""
+            }, {
+              default: u(() => [
+                j.value.length === 0 ? (s(), _(e(Q), {
+                  key: 0,
+                  title: e(t)("core.incidents.details.no_reports"),
+                  icon: "fileTextLine"
+                }, null, 8, ["title"])) : (s(!0), m(F, { key: 1 }, M(j.value, (i) => (s(), m("div", {
+                  key: i.id,
+                  class: "p-4 not-last:border-b not-last:border-border-separator",
+                  "data-test": "incident-report-item"
+                }, [
+                  n("div", _t, [
+                    i.reporter ? (s(), _(R, {
+                      key: 0,
+                      person: i.reporter
+                    }, null, 8, ["person"])) : r("", !0),
+                    n("span", mt, o(e(b).dateTime(i.created_at)), 1)
+                  ]),
+                  n("p", pt, o(i.title), 1),
+                  n("p", ft, o(i.description), 1),
+                  n("dl", vt, [
+                    i.steps_to_reproduce ? (s(), _(e(v), {
+                      key: 0,
+                      label: e(t)("core.incidents.fields.steps_to_reproduce")
+                    }, {
+                      default: u(() => [
+                        n("span", bt, o(i.steps_to_reproduce), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : r("", !0),
+                    i.expected_result ? (s(), _(e(v), {
+                      key: 1,
+                      label: e(t)("core.incidents.fields.expected_result")
+                    }, {
+                      default: u(() => [
+                        n("span", xt, o(i.expected_result), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : r("", !0),
+                    i.actual_result ? (s(), _(e(v), {
+                      key: 2,
+                      label: e(t)("core.incidents.fields.actual_result")
+                    }, {
+                      default: u(() => [
+                        n("span", ht, o(i.actual_result), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])) : r("", !0)
+                  ])
+                ]))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            c(e(D), {
+              title: e(t)("core.incidents.details.comments"),
+              flush: ""
+            }, {
+              default: u(() => [
+                N.value.length === 0 ? (s(), _(e(Q), {
+                  key: 0,
+                  title: e(t)("core.incidents.details.no_comments"),
+                  icon: "chat4Fill"
+                }, null, 8, ["title"])) : (s(!0), m(F, { key: 1 }, M(N.value, (i) => (s(), m("div", {
+                  key: i.id,
+                  class: "p-4 not-last:border-b not-last:border-border-separator",
+                  "data-test": "incident-comment-item"
+                }, [
+                  n("div", yt, [
+                    i.author ? (s(), _(R, {
+                      key: 0,
+                      person: i.author
+                    }, null, 8, ["person"])) : r("", !0),
+                    n("span", gt, o(e(b).dateTime(i.created_at)), 1)
+                  ]),
+                  n("p", kt, o(i.body), 1),
+                  i.visibility === "internal" ? (s(), m("span", wt, [
+                    c(e(P), { tone: "neutral" }, {
+                      default: u(() => [
+                        E(o(e(t)("core.incidents.comment_visibilities.internal")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])) : r("", !0)
+                ]))), 128)),
+                n("div", $t, [
+                  c(e(de), {
+                    form: e(x).form
+                  }, null, 8, ["form"]),
+                  c(e(H), w(e(x).form.bind("body"), {
+                    label: e(t)("core.incidents.fields.comment_body"),
+                    rows: 3,
+                    stacked: ""
+                  }), null, 16, ["label"]),
+                  B.value ? (s(), _(e(O), w({ key: 0 }, e(x).form.bind("visibility"), {
+                    label: e(t)("core.incidents.fields.comment_visibility"),
+                    options: e(ne)
+                  }), null, 16, ["label", "options"])) : r("", !0),
+                  c(e(V), {
+                    prominence: "primary",
+                    processing: e(x).form.submitting.value,
+                    onClick: f[0] || (f[0] = (i) => e(x).run())
+                  }, {
+                    default: u(() => [
+                      E(o(e(t)("core.incidents.actions.add_comment")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["processing"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            B.value ? (s(), _(et, {
+              key: 1,
+              "incident-id": e(y)
+            }, null, 8, ["incident-id"])) : r("", !0)
+          ]),
+          n("div", St, [
+            a.value ? (s(), _(e(D), {
+              key: 0,
+              title: e(t)("core.incidents.details.summary")
+            }, {
+              default: u(() => [
+                n("div", Tt, [
+                  c(e(v), {
+                    label: e(t)("core.incidents.fields.source"),
+                    value: L(e(Ee), a.value.source)
+                  }, null, 8, ["label", "value"]),
+                  c(e(v), {
+                    label: e(t)("core.incidents.fields.first_seen_at"),
+                    value: e(b).dateTime(a.value.first_seen_at)
+                  }, null, 8, ["label", "value"]),
+                  c(e(v), {
+                    label: e(t)("core.incidents.fields.last_seen_at"),
+                    value: e(b).dateTime(a.value.last_seen_at)
+                  }, null, 8, ["label", "value"]),
+                  c(e(v), {
+                    label: e(t)("core.incidents.fields.occurrence_count"),
+                    value: a.value.occurrence_count
+                  }, null, 8, ["label", "value"]),
+                  a.value.reporter ? (s(), m("div", Et, [
+                    n("h6", It, o(e(t)("core.incidents.fields.reporter")), 1),
+                    c(R, {
+                      person: a.value.reporter
+                    }, null, 8, ["person"])
+                  ])) : r("", !0),
+                  a.value.assignee ? (s(), m("div", Ct, [
+                    n("h6", jt, o(e(t)("core.incidents.fields.assignee")), 1),
+                    c(R, {
+                      person: a.value.assignee
+                    }, null, 8, ["person"])
+                  ])) : r("", !0),
+                  a.value.external_ticket_url ? (s(), m("div", Nt, [
+                    n("h6", Lt, o(e(t)("core.incidents.fields.external_ticket")), 1),
+                    n("a", {
+                      href: a.value.external_ticket_url,
+                      target: "_blank",
+                      rel: "noopener",
+                      class: "text-content-link hover:underline"
+                    }, o(a.value.external_ticket_id || a.value.external_ticket_url), 9, Ot)
+                  ])) : r("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])) : r("", !0),
+            C.value ? (s(), _(e(_e), {
+              key: 1,
+              form: e(l),
+              onSubmit: k
+            }, {
+              default: u(() => [
+                c(e(ue), {
+                  header: e(t)("core.incidents.details.management"),
+                  "label-width": "7rem",
+                  "data-test": "incident-management"
+                }, {
+                  default: u(() => [
+                    c(e(O), w(e(l).bind("status"), {
+                      label: e(t)("core.incidents.fields.status"),
+                      options: e(Y)
+                    }), null, 16, ["label", "options"]),
+                    c(e(O), w(e(l).bind("severity"), {
+                      label: e(t)("core.incidents.fields.severity"),
+                      options: e(te)
+                    }), null, 16, ["label", "options"]),
+                    c(e(O), w(e(l).bind("visibility"), {
+                      label: e(t)("core.incidents.fields.visibility"),
+                      options: e(se)
+                    }), null, 16, ["label", "options"]),
+                    c(e(H), w(e(l).bind("resolution_summary"), {
+                      label: e(t)("core.incidents.fields.resolution_summary"),
+                      rows: 3,
+                      "max-length": 2e3,
+                      stacked: ""
+                    }), null, 16, ["label"]),
+                    c(e(O), w(e(l).bind("external_ticket_provider"), {
+                      label: e(t)("core.incidents.fields.external_ticket_provider"),
+                      options: e(oe)
+                    }), null, 16, ["label", "options"]),
+                    c(e(K), w(e(l).bind("external_ticket_id"), {
+                      label: e(t)("core.incidents.fields.external_ticket_id"),
+                      "max-length": 100
+                    }), null, 16, ["label"]),
+                    c(e(K), w(e(l).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"])) : r("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "list"]));
+  }
+});
+export {
+  cs as default
+};

package/dist/{IncidentsList-D1MySyXb.js → IncidentsList-BqzRU5cZ.js}

@@ -1,15 +1,15 @@
 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-C1GCvyZx.js";
-import { a as y } from "./rowLayout-y1IB_h2r.js";
+import { u as z, _ as P } from "./CollectionPage.vue_vue_type_script_setup_true_lang-dIrdS_Gn.js";
+import { a as y } from "./rowLayout-Ohh5ng1u.js";
 import { u as Y } from "./datePresets-DB13HHHd.js";
-import { _ as j } from "./Timestamp.vue_vue_type_script_setup_true_lang-DlEUKWra.js";
+import { _ as j } from "./Timestamp.vue_vue_type_script_setup_true_lang-jCXYFLtq.js";
 import { _ as g } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
-import { u as K } from "./format-DoKs29bZ.js";
+import { u as K } from "./format-Cp1h0vsC.js";
 import { u as G } from "./platform-DtISOEt7.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-CRxU_Wh2.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-Crz-j_Hu.js";
 const X = {
   key: 1,
   class: "flex min-w-0 items-center gap-3"

package/dist/{NewRolePage-CQ5UVaHs.js → NewRolePage-Dt0O0VSI.js}

@@ -1,7 +1,7 @@
 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 { _ as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { _ as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 import { u as g } from "./useLoad-M7V-AVwR.js";
 import { u as x } from "./PersonAccess.vue_vue_type_script_setup_true_lang-CWCt9_dM.js";

package/dist/{NumberField.vue_vue_type_script_setup_true_lang-YVgf5CP6.js → NumberField.vue_vue_type_script_setup_true_lang-U-_kcnGr.js}

@@ -1,6 +1,6 @@
 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-DoKs29bZ.js";
+import { u as Y } from "./format-Cp1h0vsC.js";
 import { a as ee, e as te, _ as le, f as ae, b as oe } from "./options-B48UiYsG.js";
 function ne(c) {
   const r = c.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), u = /^\d(\D)\d/.exec(r)?.[1] ?? "";

package/dist/{ProfilePage-Ca3x3UAH.js → ProfilePage-DApTxq8C.js}

@@ -1,20 +1,20 @@
 import { defineComponent as V, openBlock as m, createBlock as U, unref as e, withCtx as _, createVNode as n, mergeProps as E, createElementVNode as z, toDisplayString as q, watch as J, createElementBlock as w, Fragment as A, useModel as ve, useId as _e, useTemplateRef as Q, ref as x, onMounted as ge, onBeforeUnmount as ye, computed as D, withModifiers as be, createCommentVNode as H, createTextVNode as j, mergeModels as re, renderList as we, resolveDynamicComponent as le } from "vue";
 import { useI18n as P } from "vue-i18n";
-import { _ as he } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { _ as he } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { u as F } from "./platform-DtISOEt7.js";
 import { _ as ee } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 import { u as te } from "./useLoad-M7V-AVwR.js";
 import { i as S } from "./preferences-hYhrw8Uy.js";
-import { h as xe, q as $e, j as ke, f as qe } from "./index-DZikGJ8L.js";
+import { h as xe, q as $e, j as ke, f as qe } from "./index-D-2NNye6.js";
 import { a as K, u as ne, p as Ce } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
 import { _ as de } from "./FormView.vue_vue_type_script_setup_true_lang-DvbPEiNQ.js";
 import { u as Se, _ as Ee, a as Ve, b as Pe } from "./useGroupSheet-CPjHydQV.js";
 import { t as C } from "./toast-CqSDTWRX.js";
-import { u as T } from "./serverMessages-Ddghrewh.js";
+import { u as T } from "./serverMessages-DnTqVS3h.js";
 import { g as Z } from "./options-B48UiYsG.js";
 import { _ as I } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { _ as Ne } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
-import { u as ce } from "./format-DoKs29bZ.js";
+import { u as ce } from "./format-Cp1h0vsC.js";
 import { a as W } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { i as O } from "./usePreferences-B8LIZp_f.js";
 import { a as Y } from "./error-CD7x0Jrz.js";

package/dist/{RecordHeader.vue_vue_type_script_setup_true_lang-Do_ATJwT.js → RecordHeader.vue_vue_type_script_setup_true_lang-SDgLjwEI.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useTemplateRef as u, openBlock as t, createElementBlock as c, renderSlot as r, createCommentVNode as s, createElementVNode as n, toDisplayString as a, Fragment as d, renderList as f, createBlock as h, resolveDynamicComponent as g, withCtx as x, createVNode as _, unref as k } from "vue";
 import { _ as b } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { u as w } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { u as w } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 const v = { class: "flex min-w-0 flex-wrap items-center gap-5 compact:flex-col compact:gap-2 compact:text-center" }, y = {
   key: 0,
   class: "min-w-0 max-w-full shrink-0"

package/dist/{ResourcePage.vue_vue_type_script_setup_true_lang-Coz91xht.js → ResourcePage.vue_vue_type_script_setup_true_lang-DRC3h71-.js}

@@ -1,6 +1,6 @@
 import { defineComponent as S, openBlock as a, createElementBlock as v, unref as t, createBlock as d, withCtx as s, createVNode as i, normalizeClass as m, createElementVNode as R, toDisplayString as y, computed as f, createSlots as $, renderSlot as u, createCommentVNode as A } from "vue";
 import { useI18n as z } from "vue-i18n";
-import { _ as C } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { _ as C } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { _ as B } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 import { _ as D } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
 import { useRouter as K, RouterLink as w } from "vue-router";

package/dist/{RolePage-BUj1w1m1.js → RolePage-noy-wmNc.js}

@@ -6,10 +6,10 @@ import { a as C } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW
 import { g as z } from "./options-B48UiYsG.js";
 import { _ as oe } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CrFhR9rJ.js";
 import { t as E } from "./toast-CqSDTWRX.js";
-import { _ as te } from "./RecordHeader.vue_vue_type_script_setup_true_lang-Do_ATJwT.js";
+import { _ as te } from "./RecordHeader.vue_vue_type_script_setup_true_lang-SDgLjwEI.js";
 import { u as ae } from "./platform-DtISOEt7.js";
 import { a as le, u as se } from "./routeResource-DlTsGTg_.js";
-import { a as re } from "./ResourcePage.vue_vue_type_script_setup_true_lang-Coz91xht.js";
+import { a as re } from "./ResourcePage.vue_vue_type_script_setup_true_lang-DRC3h71-.js";
 import { _ as ce } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 import { _ as H } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as O } from "./PersonAccess.vue_vue_type_script_setup_true_lang-CWCt9_dM.js";

package/dist/{RolesPage-NKzBUsrM.js → RolesPage-NRRainCw.js}

@@ -6,7 +6,7 @@ import { _ as E } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
 import { a as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
 import { g as j } from "./options-B48UiYsG.js";
 import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
-import { _ as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { _ as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { u as K } from "./platform-DtISOEt7.js";
 import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";

package/dist/{SectionNavigator.vue_vue_type_script_setup_true_lang-DfKEhTFv.js → SectionNavigator.vue_vue_type_script_setup_true_lang-D_08MS1-.js}

@@ -6,7 +6,7 @@ import { _ as G } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { a as re } from "./mediaQuery-CygcXmFW.js";
 import { u as ie } from "./access-DmAceEo5.js";
 import { u as ce, a as ue } from "./sections-fkW_IJLc.js";
-import { p as de } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { p as de } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { p as me } from "./sectionIndex-BS0ic5W7.js";
 import { _ as K, a as pe } from "./SectionList.vue_vue_type_script_setup_true_lang-DR0_NsqC.js";
 const fe = {