@wssto2/vue-core 0.5.3 → 0.6.0

package/dist/ServiceAccountDialog.vue_vue_type_script_setup_true_lang-DuvSSBbX.js

@@ -0,0 +1,126 @@
+import { defineComponent as I, computed as K, ref as V, openBlock as A, createBlock as k, unref as e, withCtx as b, createElementVNode as B, createVNode as p, mergeProps as f, createCommentVNode as D } from "vue";
+import { useI18n as G } from "vue-i18n";
+import { f as T, u as U } from "./refusals-COPr15XZ.js";
+import { _ as x } from "./FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js";
+import { u as M, _ as N } from "./SelectField.vue_vue_type_script_setup_true_lang-CBZhGNpm.js";
+import { _ as Z } from "./TextareaField.vue_vue_type_script_setup_true_lang-BOtn_1GT.js";
+import { _ as j } from "./TextField.vue_vue_type_script_setup_true_lang-CX3LdZLK.js";
+import { _ as F } from "./useCommand-CfG727e8.js";
+import { u as H } from "./useRecordDialog-D65FF85F.js";
+import { t as J } from "./toast-CqSDTWRX.js";
+import { u as S } from "./platform-Dx6STiwY.js";
+import { i as Q, f as W, M as X } from "./index-Cmj9iZmT.js";
+import { r as Y } from "./http-nz92KjdS.js";
+import { s as l } from "./routes-CVckt7Pj.js";
+import { u as ee } from "./fieldMessages-DTXpWnBd.js";
+const y = (o) => ({ headers: { "Idempotency-Key": o } }), O = 500;
+function ae(o) {
+  return {
+    list: async (s) => (await o.request(l.index, void 0, s)).data.service_accounts,
+    show: async (s, t) => (await o.request(l.show, { id: s }, t)).data,
+    create: async (s, t) => (await o.request(l.create, s, y(t))).data,
+    update: async (s, t, c) => (await o.request(l.update, { ...t, id: s }, y(c))).data,
+    deactivate: async (s) => (await o.request(l.deactivate, { id: s })).data,
+    keys: async (s, t) => (await o.request(l.keys, { id: s }, t)).data.keys,
+    /** The secret is in the answer, and only there. */
+    createKey: async (s, t, c) => (await o.request(l.createkey, { ...t, id: s }, y(c))).data,
+    revokeKey: async (s, t) => void await o.request(l.revokekey, { id: s, keyID: t }),
+    /** The people who can answer for an account: the active ones of the users list (its largest page). */
+    people: async (s) => Y(await o.request(Q.usersList, { view: "active", order_col: "name", order_dir: "asc", page: 1, per_page: O }, s), { page: 1, pageSize: O }).rows.map((t) => ({ id: t.id, name: t.name }))
+  };
+}
+const se = () => ae(S().http);
+function te() {
+  const o = ee(), s = T();
+  return { ...o, failureMessage: (t, c) => s(t, c) ?? o.failureMessage(t, c) };
+}
+const ne = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "service-account-form"
+}, h = 0, he = /* @__PURE__ */ I({
+  __name: "ServiceAccountDialog",
+  emits: ["saved"],
+  setup(o, { expose: s, emit: t }) {
+    const c = t, { t: r } = G(), { access: C } = S(), L = U(), _ = se(), { tenants: u } = W(), P = te(), v = K(() => {
+      const a = C.held(X);
+      return a !== null && a.scope.id === void 0;
+    }), R = (a) => a.trim() === "", d = H({
+      ...P,
+      defaults: () => ({ name: "", description: "", tenant_id: u !== null && v.value ? h : null, owner_id: null }),
+      validator: {
+        safeParse(a) {
+          const n = a, i = [], w = r("core.account.validation.required"), q = r("core.serviceaccounts.errors.too_long");
+          return R(n.name) ? i.push({ path: ["name"], message: w }) : n.name.trim().length > 100 && i.push({ path: ["name"], message: q }), n.description.length > 500 && i.push({ path: ["description"], message: q }), n.owner_id === null && i.push({ path: ["owner_id"], message: w }), u !== null && n.tenant_id === null && i.push({ path: ["tenant_id"], message: w }), i.length > 0 || n.owner_id === null ? { success: !1, error: { issues: i } } : { success: !0, data: { name: n.name.trim(), description: n.description, tenant_id: u === null ? null : n.tenant_id || null, owner_id: n.owner_id } };
+        }
+      },
+      toValues: (a) => ({ name: a.name, description: a.description, tenant_id: a.tenant?.id ?? (v.value ? h : null), owner_id: a.owner.id }),
+      create: (a, { idempotencyKey: n }) => _.create(a, n),
+      update: (a, n, { idempotencyKey: i }) => _.update(a.id, n, i),
+      done: (a) => {
+        J.success(r("core.serviceaccounts.toasts.saved")), c("saved", a);
+      }
+    }), m = d.form, g = V(!1), $ = M({
+      for: () => g.value && u !== null ? !0 : null,
+      load: async (a, { signal: n }) => [
+        ...v.value ? [{ value: h, label: L.levelLabel("organization") }] : [],
+        ...(await (u?.options(n) ?? [])).map((i) => ({ value: i.id, label: i.name }))
+      ]
+    }), z = M({
+      for: () => g.value ? !0 : null,
+      load: async (a, { signal: n }) => (await _.people({ signal: n })).map((i) => ({ value: i.id, label: i.name }))
+    });
+    function E(a) {
+      g.value = !0, a ? d.edit(a) : d.create();
+    }
+    return s({ show: E, form: m }), (a, n) => (A(), k(e(F), {
+      command: e(d).command,
+      size: "md",
+      title: e(d).editing.value ? e(r)("core.serviceaccounts.edit_title") : e(r)("core.serviceaccounts.create_title"),
+      subtitle: e(r)("core.serviceaccounts.no_password"),
+      "confirm-label": e(r)("core.serviceaccounts.save")
+    }, {
+      default: b(() => [
+        B("div", ne, [
+          p(e(x), null, {
+            default: b(() => [
+              p(e(j), f(e(m).bind("name"), {
+                label: e(r)("core.serviceaccounts.fields.name"),
+                "max-length": 100,
+                required: ""
+              }), null, 16, ["label"]),
+              p(e(Z), f(e(m).bind("description"), {
+                label: e(r)("core.serviceaccounts.fields.description"),
+                rows: 2,
+                "max-length": 500
+              }), null, 16, ["label"])
+            ]),
+            _: 1
+          }),
+          p(e(x), {
+            footer: e(r)("core.serviceaccounts.fields.owner_hint")
+          }, {
+            default: b(() => [
+              e(u) ? (A(), k(e(N), f({ key: 0 }, e(m).bind("tenant_id"), {
+                label: e(r)(e(u).labelKey),
+                options: e($),
+                required: ""
+              }), null, 16, ["label", "options"])) : D("", !0),
+              p(e(N), f(e(m).bind("owner_id"), {
+                label: e(r)("core.serviceaccounts.fields.owner"),
+                options: e(z),
+                required: ""
+              }), null, 16, ["label", "options"])
+            ]),
+            _: 1
+          }, 8, ["footer"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label"]));
+  }
+});
+export {
+  he as _,
+  te as a,
+  se as u
+};

package/dist/ServiceAccountRecord-BtaUZuWU.js

@@ -0,0 +1,511 @@
+import { defineComponent as P, useTemplateRef as F, ref as N, openBlock as r, createBlock as _, unref as e, withCtx as o, createElementBlock as E, createVNode as s, createElementVNode as D, toDisplayString as w, createTextVNode as R, createCommentVNode as L, mergeProps as Z, computed as K, Fragment as se, renderList as oe, createSlots as ne } from "vue";
+import { useI18n as q } from "vue-i18n";
+import { useRoute as re } from "vue-router";
+import { u as le } from "./refusals-COPr15XZ.js";
+import { a as ie } from "./PersonAccess.vue_vue_type_script_setup_true_lang-ClmawvYm.js";
+import { _ as ee } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+import { _ as ue } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
+import { _ as V } from "./FormGroup.vue_vue_type_script_setup_true_lang-CNb2CK01.js";
+import { g as p } from "./options-e_CAfvDQ.js";
+import { u as Q } from "./format-D8X4zsx6.js";
+import { _ as te } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { t as j } from "./toast-CqSDTWRX.js";
+import { _ as de } from "./RecordHeader.vue_vue_type_script_setup_true_lang-fmx0f8xi.js";
+import { u as ae } from "./platform-Dx6STiwY.js";
+import { u as me, a as ve } from "./routeResource-CcYA75T2.js";
+import { a as fe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-BFBGvevP.js";
+import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { M as ce, R as _e, f as pe, s as ye } from "./index-Cmj9iZmT.js";
+import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-DuvSSBbX.js";
+import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as be } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { _ as ge } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { _ as xe } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { _ as we } from "./DateField.vue_vue_type_script_setup_true_lang-BxUuUypB.js";
+import { _ as $e } from "./TextField.vue_vue_type_script_setup_true_lang-CX3LdZLK.js";
+import { u as he, _ as Ce } from "./useCommand-CfG727e8.js";
+async function Se(u) {
+  try {
+    return await navigator.clipboard.writeText(u), !0;
+  } catch {
+  }
+  const t = document.createElement("textarea");
+  t.value = u, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.append(t), t.select();
+  try {
+    return document.execCommand("copy");
+  } catch {
+    return !1;
+  } finally {
+    t.remove();
+  }
+}
+const Ae = {
+  key: 0,
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "created-api-key"
+}, Ke = { class: "flex min-w-0 items-center gap-3" }, De = {
+  class: "min-w-0 flex-1 break-all rounded-control bg-fill px-3 py-2 font-mono text-body text-content-strong select-all",
+  "data-test": "api-key-secret"
+}, Re = {
+  class: "contents",
+  "data-test": "copy-api-key"
+}, Le = { "data-test": "api-key-once" }, Te = /* @__PURE__ */ P({
+  __name: "CreatedApiKeyDialog",
+  props: {
+    account: {}
+  },
+  emits: ["done"],
+  setup(u, { expose: t, emit: k }) {
+    const l = u, g = k, { t: c } = q(), $ = Q(), d = F("dialog"), m = N(null), i = N(!1);
+    function n(C) {
+      m.value = C, i.value = !1, d.value?.present();
+    }
+    async function v() {
+      m.value && await Se(m.value.secret) && j.success(c("core.serviceaccounts.keys.copied"));
+    }
+    function x() {
+      i.value = !0, d.value?.dismiss(), m.value = null, g("done");
+    }
+    const h = () => i.value;
+    return t({ show: n, done: x, copySecret: v, created: m }), (C, A) => (r(), _(e(ge), {
+      ref_key: "dialog",
+      ref: d,
+      title: e(c)("core.serviceaccounts.keys.created_title"),
+      subtitle: l.account.name,
+      size: "md",
+      grouped: "",
+      "before-dismiss": h,
+      "without-close-button": "",
+      "primary-label": e(c)("core.serviceaccounts.keys.saved_it"),
+      onPrimary: x
+    }, {
+      default: o(() => [
+        m.value ? (r(), E("div", Ae, [
+          s(e(V), null, {
+            default: o(() => [
+              s(e(p), { layout: "stacked" }, {
+                default: o(() => [
+                  D("div", Ke, [
+                    D("code", De, w(m.value.secret), 1),
+                    D("span", Re, [
+                      s(e(J), {
+                        prominence: "secondary",
+                        icon: "copy",
+                        onClick: v
+                      }, {
+                        default: o(() => [
+                          R(w(e(c)("core.serviceaccounts.keys.copy")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          D("div", Le, [
+            s(e(xe), {
+              tone: "warning",
+              icon: "alertTriangle"
+            }, {
+              default: o(() => [
+                R(w(e(c)("core.serviceaccounts.keys.once")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          s(e(V), null, {
+            default: o(() => [
+              s(e(p), {
+                layout: "setting",
+                label: e(c)("core.serviceaccounts.keys.fields.name"),
+                value: m.value.key.name
+              }, null, 8, ["label", "value"]),
+              s(e(p), {
+                layout: "setting",
+                label: e(c)("core.serviceaccounts.title"),
+                value: l.account.name
+              }, null, 8, ["label", "value"]),
+              s(e(p), {
+                layout: "setting",
+                label: e(c)("core.serviceaccounts.keys.fields.expires"),
+                value: m.value.key.expires_at ? e($).date(m.value.key.expires_at) : e(c)("core.serviceaccounts.keys.no_expiry")
+              }, null, 8, ["label", "value"])
+            ]),
+            _: 1
+          })
+        ])) : L("", !0)
+      ]),
+      _: 1
+    }, 8, ["title", "subtitle", "primary-label"]));
+  }
+});
+function Fe(u) {
+  if (!u) return null;
+  const [t, k, l] = u.split("-").map(Number);
+  return !t || !k || !l ? null : new Date(t, k - 1, l, 23, 59, 59).toISOString();
+}
+function Ne(u = /* @__PURE__ */ new Date()) {
+  return `${u.getFullYear()}-${String(u.getMonth() + 1).padStart(2, "0")}-${String(u.getDate()).padStart(2, "0")}`;
+}
+const Ee = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "new-api-key"
+}, Ve = /* @__PURE__ */ P({
+  __name: "NewApiKeyDialog",
+  props: {
+    account: {}
+  },
+  emits: ["created"],
+  setup(u, { expose: t, emit: k }) {
+    const l = u, g = k, { t: c } = q(), $ = W(), d = X(), i = he({
+      ...d,
+      defaults: () => ({ name: "", expires: null }),
+      validator: {
+        safeParse(n) {
+          const { name: v, expires: x } = n;
+          return v.trim() === "" ? { success: !1, error: { issues: [{ path: ["name"], message: c("core.account.validation.required") }] } } : { success: !0, data: { name: v.trim(), expires_at: Fe(x) } };
+        }
+      },
+      // The server's complaint about `expires_at` belongs to the field called `expires`.
+      serverField: (n) => n === "expires_at" ? "expires" : n,
+      run: (n, { idempotencyKey: v }) => $.createKey(l.account.id, n, v),
+      done: (n) => g("created", n)
+    });
+    return t({ show: () => i.present(), form: i.form }), (n, v) => (r(), _(e(Ce), {
+      command: e(i),
+      size: "md",
+      title: e(c)("core.serviceaccounts.keys.new_title"),
+      subtitle: l.account.name,
+      "confirm-label": e(c)("core.serviceaccounts.keys.create")
+    }, {
+      default: o(() => [
+        D("div", Ee, [
+          s(e(V), {
+            footer: e(c)("core.serviceaccounts.keys.new_footer")
+          }, {
+            default: o(() => [
+              s(e($e), Z(e(i).form.bind("name"), {
+                label: e(c)("core.serviceaccounts.keys.fields.name"),
+                "max-length": 100,
+                required: "",
+                placeholder: e(c)("core.serviceaccounts.keys.fields.name_placeholder")
+              }), null, 16, ["label", "placeholder"]),
+              s(e(we), Z(e(i).form.bind("expires"), {
+                label: e(c)("core.serviceaccounts.keys.fields.expires"),
+                hint: e(c)("core.serviceaccounts.keys.fields.expires_hint"),
+                min: e(Ne)()
+              }), null, 16, ["label", "hint", "min"])
+            ]),
+            _: 1
+          }, 8, ["footer"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label"]));
+  }
+}), je = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "api-keys"
+}, Me = ["data-test"], ze = {
+  class: "contents",
+  "data-test": "new-api-key-action"
+}, Oe = /* @__PURE__ */ P({
+  __name: "ApiKeysPanel",
+  props: {
+    account: {}
+  },
+  emits: ["changed"],
+  setup(u, { expose: t, emit: k }) {
+    const l = u, g = k, { t: c } = q(), { access: $ } = ae(), d = Q(), m = W(), i = X(), n = me({ for: () => l.account.id, load: (a, { signal: f }) => m.keys(a, { signal: f }) }), v = () => n.reload(), x = F("newKey"), h = F("createdKey"), C = F("revokeConfirm"), A = N(null), M = K(() => !l.account.deactivated_at), B = K(() => $.can(ce)), z = K(() => $.can(_e)), T = (a) => a.expires_at !== null && new Date(a.expires_at).getTime() < Date.now();
+    function I(a) {
+      return [
+        `${a.prefix}…`,
+        c("core.serviceaccounts.keys.made_by", { name: a.created_by.name, date: d.date(a.created_at) }),
+        a.last_used_at ? c("core.serviceaccounts.keys.last_used", { at: d.dateTime(a.last_used_at) }) : c("core.serviceaccounts.keys.never_used"),
+        a.expires_at ? c("core.serviceaccounts.keys.expires", { date: d.date(a.expires_at) }) : c("core.serviceaccounts.keys.no_expiry")
+      ].join(" · ");
+    }
+    async function U() {
+      await v(), g("changed");
+    }
+    function Y(a) {
+      A.value = a, C.value?.present();
+    }
+    async function G() {
+      const a = A.value;
+      a && (await m.revokeKey(l.account.id, a.id), j.success(c("core.serviceaccounts.keys.revoked_toast")), A.value = null, await v(), g("changed"));
+    }
+    const S = (a) => j.error(i.sentence(a, c("core.serviceaccounts.keys.errors.revoke"))), y = (a) => h.value?.show(a);
+    return t({ reload: v }), (a, f) => (r(), E("div", je, [
+      s(e(be), {
+        state: e(n).state.value,
+        "skeleton-rows": 3,
+        "is-empty": () => !1,
+        onRetry: f[1] || (f[1] = (H) => v())
+      }, {
+        default: o(({ value: H }) => [
+          s(e(V), {
+            header: e(c)("core.serviceaccounts.keys.title"),
+            footer: e(c)("core.serviceaccounts.keys.footer")
+          }, {
+            default: o(() => [
+              H.length === 0 ? (r(), _(e(p), {
+                key: 0,
+                layout: "setting",
+                label: e(c)("core.serviceaccounts.keys.empty_title"),
+                sub: e(c)("core.serviceaccounts.keys.empty_description")
+              }, null, 8, ["label", "sub"])) : L("", !0),
+              (r(!0), E(se, null, oe(H, (b) => (r(), _(e(p), {
+                key: b.id,
+                layout: "setting",
+                label: b.name,
+                sub: I(b)
+              }, ne({
+                leading: o(() => [
+                  s(e(ee), {
+                    tone: b.revoked_at ? "anchor" : "brand",
+                    icon: "key2Line"
+                  }, null, 8, ["tone"])
+                ]),
+                default: o(() => [
+                  b.revoked_at ? (r(), _(e(O), {
+                    key: 0,
+                    tone: "critical"
+                  }, {
+                    default: o(() => [
+                      R(w(e(c)("core.serviceaccounts.keys.revoked", { date: e(d).date(b.revoked_at) })), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : T(b) ? (r(), _(e(O), {
+                    key: 1,
+                    tone: "warning"
+                  }, {
+                    default: o(() => [
+                      R(w(e(c)("core.serviceaccounts.keys.expired")), 1)
+                    ]),
+                    _: 1
+                  })) : L("", !0)
+                ]),
+                _: 2
+              }, [
+                z.value && !b.revoked_at ? {
+                  name: "trailing",
+                  fn: o(() => [
+                    D("span", {
+                      class: "contents",
+                      "data-test": `revoke-key-${b.id}`
+                    }, [
+                      s(e(J), {
+                        prominence: "plain",
+                        tone: "critical",
+                        size: "sm",
+                        onClick: (Ie) => Y(b)
+                      }, {
+                        default: o(() => [
+                          R(w(e(c)("core.serviceaccounts.keys.revoke")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 8, Me)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["label", "sub"]))), 128)),
+              B.value && M.value ? (r(), _(e(p), {
+                key: 1,
+                layout: "stacked"
+              }, {
+                default: o(() => [
+                  D("span", ze, [
+                    s(e(J), {
+                      prominence: "secondary",
+                      icon: "addLine",
+                      onClick: f[0] || (f[0] = (b) => x.value?.show())
+                    }, {
+                      default: o(() => [
+                        R(w(e(c)("core.serviceaccounts.keys.new")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })) : L("", !0)
+            ]),
+            _: 2
+          }, 1032, ["header", "footer"])
+        ]),
+        _: 1
+      }, 8, ["state"]),
+      s(Ve, {
+        ref_key: "newKey",
+        ref: x,
+        account: l.account,
+        onCreated: y
+      }, null, 8, ["account"]),
+      s(Te, {
+        ref_key: "createdKey",
+        ref: h,
+        account: l.account,
+        onDone: U
+      }, null, 8, ["account"]),
+      s(e(te), {
+        ref_key: "revokeConfirm",
+        ref: C,
+        title: e(c)("core.serviceaccounts.keys.revoke_title"),
+        message: e(c)("core.serviceaccounts.keys.revoke_body", { name: A.value?.name ?? "", account: l.account.name }),
+        "confirm-label": e(c)("core.serviceaccounts.keys.revoke"),
+        tone: "critical",
+        action: G,
+        onFailed: S
+      }, null, 8, ["title", "message", "confirm-label"])
+    ]));
+  }
+}), Pe = { key: 0 }, qe = { class: "flex min-w-0 flex-col gap-group-gap" }, Be = {
+  key: 0,
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "service-general"
+}, yt = /* @__PURE__ */ P({
+  __name: "ServiceAccountRecord",
+  setup(u) {
+    const { t } = q(), k = re(), { access: l } = ae(), g = Q(), c = le(), $ = W(), { tenants: d } = pe(), m = X(), i = ve({ param: "id", load: (S, { signal: y }) => $.show(S, { signal: y }) }), n = i.data, v = ["general", "access", "keys"], x = typeof k.query.tab == "string" ? k.query.tab : "", h = N(v.includes(x) ? x : "general"), C = N(null), A = F("editDialog"), M = F("deactivateConfirm"), B = K(() => l.can(ce)), z = K(() => n.value !== null && !n.value.deactivated_at), T = K(() => n.value?.tenant?.name ?? c.levelLabel("organization")), I = K(() => [
+      { value: "general", label: t("core.serviceaccounts.tabs.general"), icon: "settings3Line" },
+      { value: "access", label: t("core.serviceaccounts.tabs.access"), icon: "shieldStarFill", ...C.value !== null ? { badge: C.value } : {} },
+      { value: "keys", label: t("core.serviceaccounts.tabs.keys"), icon: "key2Line", badge: n.value?.active_keys ?? 0 }
+    ]), U = K(() => {
+      const S = n.value;
+      return !S || !B.value || !z.value ? [] : [
+        { id: "edit", label: t("core.serviceaccounts.actions.edit"), icon: "edit", placement: "secondary", onClick: () => A.value?.show(S) },
+        { id: "deactivate", label: t("core.serviceaccounts.actions.deactivate"), icon: "lockLine", placement: "overflow", tone: "critical", onClick: () => M.value?.present() }
+      ];
+    });
+    async function Y() {
+      n.value && (i.update(await $.deactivate(n.value.id)), j.success(t("core.serviceaccounts.toasts.deactivated")));
+    }
+    const G = (S) => j.error(m.sentence(S, t("core.serviceaccounts.errors.deactivate")));
+    return (S, y) => (r(), _(e(fe), {
+      resource: e(i),
+      title: e(n)?.name || e(t)("core.serviceaccounts.title"),
+      back: { label: e(t)("core.serviceaccounts.title_plural"), to: e(ye).index },
+      actions: U.value,
+      width: "content"
+    }, {
+      header: o(({ record: a }) => [
+        s(e(de), {
+          title: a.name,
+          subtitle: e(d) ? T.value : void 0
+        }, {
+          leading: o(() => [
+            s(e(ee), {
+              tone: "anchor",
+              icon: "key2Line",
+              size: "lg"
+            })
+          ]),
+          meta: o(() => [
+            s(e(O), { tone: "context" }, {
+              default: o(() => [
+                R(w(e(t)("core.serviceaccounts.title")), 1)
+              ]),
+              _: 1
+            }),
+            e(d) ? (r(), E("span", Pe, w(T.value), 1)) : L("", !0),
+            z.value ? L("", !0) : (r(), _(e(O), {
+              key: 1,
+              tone: "neutral"
+            }, {
+              default: o(() => [
+                R(w(e(t)("core.serviceaccounts.deactivated")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["title", "subtitle"])
+      ]),
+      default: o(({ record: a }) => [
+        D("div", qe, [
+          s(e(ue), {
+            modelValue: h.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (f) => h.value = f),
+            tabs: I.value
+          }, null, 8, ["modelValue", "tabs"]),
+          h.value === "general" ? (r(), E("div", Be, [
+            s(e(V), {
+              footer: e(t)("core.serviceaccounts.no_password")
+            }, {
+              default: o(() => [
+                s(e(p), {
+                  layout: "value",
+                  label: e(t)("core.serviceaccounts.fields.owner"),
+                  value: a.owner.name
+                }, null, 8, ["label", "value"]),
+                e(d) ? (r(), _(e(p), {
+                  key: 0,
+                  layout: "value",
+                  label: e(t)(e(d).labelKey),
+                  value: T.value
+                }, null, 8, ["label", "value"])) : L("", !0),
+                a.description ? (r(), _(e(p), {
+                  key: 1,
+                  layout: "value",
+                  label: e(t)("core.serviceaccounts.fields.description"),
+                  value: a.description
+                }, null, 8, ["label", "value"])) : L("", !0),
+                s(e(p), {
+                  layout: "value",
+                  label: e(t)("core.serviceaccounts.made_by"),
+                  value: `${a.created_by.name}, ${e(g).date(a.created_at)}`
+                }, null, 8, ["label", "value"]),
+                s(e(p), {
+                  layout: "value",
+                  label: e(t)("core.serviceaccounts.last_call_label"),
+                  value: a.last_used_at ? e(g).dateTime(a.last_used_at) : e(t)("core.serviceaccounts.never_used")
+                }, null, 8, ["label", "value"]),
+                s(e(p), {
+                  layout: "value",
+                  label: e(t)("core.serviceaccounts.status"),
+                  value: a.deactivated_at ? e(t)("core.serviceaccounts.deactivated_on", { date: e(g).date(a.deactivated_at) }) : e(t)("core.serviceaccounts.active")
+                }, null, 8, ["label", "value"])
+              ]),
+              _: 2
+            }, 1032, ["footer"])
+          ])) : h.value === "access" ? (r(), _(e(ie), {
+            key: 1,
+            subject: { kind: "service", id: a.id },
+            name: a.name,
+            "subject-label": e(d) ? `${a.name} · ${T.value}` : a.name,
+            onLoaded: y[1] || (y[1] = (f) => C.value = f)
+          }, null, 8, ["subject", "name", "subject-label"])) : (r(), _(Oe, {
+            key: 2,
+            account: a,
+            onChanged: y[2] || (y[2] = (f) => e(i).reload())
+          }, null, 8, ["account"]))
+        ]),
+        s(ke, {
+          ref_key: "editDialog",
+          ref: A,
+          onSaved: y[3] || (y[3] = (f) => e(i).update(f))
+        }, null, 512),
+        s(e(te), {
+          ref_key: "deactivateConfirm",
+          ref: M,
+          title: e(t)("core.serviceaccounts.deactivate_title"),
+          message: e(t)("core.serviceaccounts.deactivate_body", { name: a.name }),
+          "confirm-label": e(t)("core.serviceaccounts.actions.deactivate"),
+          tone: "critical",
+          action: Y,
+          onFailed: G
+        }, null, 8, ["title", "message", "confirm-label"])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "back", "actions"]));
+  }
+});
+export {
+  yt as default
+};