@wssto2/vue-core 0.5.4 → 0.7.0

package/dist/ServiceAccountRecord-Ct3TrSqZ.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-07pq4SrY.js";
+import { _ as ee } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { _ as ue } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
+import { _ as V } from "./FormGroup.vue_vue_type_script_setup_true_lang-BTADNpwB.js";
+import { g as p } from "./options-QuOkMKVZ.js";
+import { u as Q } from "./format-D8X4zsx6.js";
+import { _ as te } from "./AlertDialog.vue_vue_type_script_setup_true_lang-BvGc1Rfl.js";
+import { t as j } from "./toast-CqSDTWRX.js";
+import { _ as de } from "./RecordHeader.vue_vue_type_script_setup_true_lang-DPm9q1P_.js";
+import { u as ae } from "./platform-Dr4iY3b8.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-Cm3tx76N.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-CXTJ_1NV.js";
+import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-D2Xj5mr7.js";
+import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-DQq_0P0p.js";
+import { _ as be } from "./AsyncSection.vue_vue_type_script_setup_true_lang-GxAsImnO.js";
+import { _ as ge } from "./Modal.vue_vue_type_script_setup_true_lang-4MsnTWyx.js";
+import { _ as xe } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
+import { _ as we } from "./DateField.vue_vue_type_script_setup_true_lang-DmYp54mq.js";
+import { _ as $e } from "./TextField.vue_vue_type_script_setup_true_lang-7IAl4eAE.js";
+import { u as he, _ as Ce } from "./useCommand-BIZX1ReM.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
+};

package/dist/ServiceAccountsList-CaXEp73j.js

@@ -0,0 +1,137 @@
+import { defineComponent as F, useTemplateRef as M, ref as w, computed as n, openBlock as c, createBlock as d, unref as t, withCtx as r, createElementVNode as p, createVNode as l, createElementBlock as _, toDisplayString as b, createCommentVNode as x, Fragment as O, renderList as j, createTextVNode as q } from "vue";
+import { useI18n as z } from "vue-i18n";
+import { useRouter as D } from "vue-router";
+import { u as G } from "./refusals-COPr15XZ.js";
+import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { _ as K } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
+import { _ as P } from "./FormGroup.vue_vue_type_script_setup_true_lang-BTADNpwB.js";
+import { g as H } from "./options-QuOkMKVZ.js";
+import { _ as J } from "./TextField.vue_vue_type_script_setup_true_lang-7IAl4eAE.js";
+import { u as Q } from "./format-D8X4zsx6.js";
+import { a as W } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-9Lt1XggN.js";
+import { u as X } from "./platform-Dr4iY3b8.js";
+import { _ as Y } from "./AsyncSection.vue_vue_type_script_setup_true_lang-GxAsImnO.js";
+import { _ as Z } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as ee } from "./useLoad-W4tfxmm5.js";
+import { f as te, M as $, s as A } from "./index-CXTJ_1NV.js";
+import { u as ae, _ as se } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-D2Xj5mr7.js";
+const oe = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "service-segment"
+}, ce = { class: "flex flex-wrap items-center gap-3" }, re = { "data-test": "service-accounts" }, ne = {
+  key: 0,
+  class: "px-row-inset py-6 text-center text-body text-content-muted",
+  "data-test": "service-accounts-empty"
+}, le = {
+  key: 1,
+  class: "min-w-[4.5rem] text-right text-footnote tabular-nums text-content-muted",
+  "data-test": "account-keys"
+}, Ve = /* @__PURE__ */ F({
+  __name: "ServiceAccountsList",
+  setup(ie) {
+    const { t: a } = z(), L = D(), { access: y } = X(), V = Q(), C = G(), N = ae(), { tenants: S } = te(), g = M("dialog"), v = ee(({ signal: e }) => N.list({ signal: e })), i = w("active"), f = w(""), h = n(() => v.data.value ?? []), u = (e) => e.deactivated_at === null, B = (e) => e.tenant?.name ?? C.levelLabel("organization"), m = n(() => {
+      const e = f.value.trim().toLowerCase();
+      return h.value.filter((o) => e === "" || `${o.name} ${o.description} ${o.owner.name}`.toLowerCase().includes(e));
+    }), k = n(() => m.value.filter((e) => i.value === "all" || i.value === "active" === u(e))), R = n(() => [
+      { value: "active", label: a("core.serviceaccounts.views.active"), badge: m.value.filter(u).length },
+      { value: "inactive", label: a("core.serviceaccounts.views.inactive"), badge: m.value.filter((e) => !u(e)).length },
+      { value: "all", label: a("core.serviceaccounts.views.all"), badge: m.value.length }
+    ]), T = n(
+      () => y.can($) ? [{ id: "create", label: a("core.serviceaccounts.create"), icon: "addLine", placement: "primary", compact: "icon", keyboardShortcut: { key: "N", ctrlKey: !0 }, onClick: () => g.value?.show() }] : []
+    );
+    function E(e) {
+      return [
+        e.description,
+        ...S ? [B(e)] : [],
+        e.owner.name,
+        e.last_used_at ? a("core.serviceaccounts.last_call", { at: V.dateTime(e.last_used_at) }) : a("core.serviceaccounts.never_used")
+      ].filter(Boolean).join(" · ");
+    }
+    const U = (e) => void L.push({ ...A.record({ id: e.id }), query: { tab: "access" } });
+    return (e, o) => (c(), d(t(W), {
+      title: t(a)("core.serviceaccounts.title_plural"),
+      description: t(a)("core.serviceaccounts.description"),
+      icon: "key2Line",
+      count: h.value.length || null,
+      actions: T.value
+    }, {
+      default: r(() => [
+        p("div", oe, [
+          p("div", ce, [
+            l(t(K), {
+              modelValue: i.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (s) => i.value = s),
+              tabs: R.value,
+              presentation: "scope"
+            }, null, 8, ["modelValue", "tabs"]),
+            l(t(J), {
+              modelValue: f.value,
+              "onUpdate:modelValue": o[1] || (o[1] = (s) => f.value = s),
+              class: "min-w-[14rem] flex-1",
+              label: t(a)("core.serviceaccounts.search"),
+              "label-hidden": "",
+              placeholder: t(a)("core.serviceaccounts.search")
+            }, null, 8, ["modelValue", "label", "placeholder"])
+          ]),
+          l(t(Y), {
+            state: t(v).state.value,
+            "skeleton-rows": 4,
+            "is-empty": () => !1,
+            onRetry: o[2] || (o[2] = (s) => t(v).reload())
+          }, {
+            default: r(() => [
+              p("div", re, [
+                l(t(P), {
+                  footer: t(a)("core.serviceaccounts.no_password")
+                }, {
+                  default: r(() => [
+                    k.value.length === 0 ? (c(), _("p", ne, b(t(a)("core.serviceaccounts.empty")), 1)) : x("", !0),
+                    (c(!0), _(O, null, j(k.value, (s) => (c(), d(t(H), {
+                      key: s.id,
+                      layout: "setting",
+                      label: s.name,
+                      sub: E(s),
+                      to: t(A).record({ id: s.id }),
+                      "data-service-account": s.id
+                    }, {
+                      leading: r(() => [
+                        l(t(I), {
+                          tone: "anchor",
+                          icon: "key2Line"
+                        })
+                      ]),
+                      default: r(() => [
+                        u(s) ? (c(), _("span", le, b(t(a)("core.serviceaccounts.active_keys", { count: s.active_keys })), 1)) : (c(), d(t(Z), {
+                          key: 0,
+                          tone: "neutral"
+                        }, {
+                          default: r(() => [
+                            q(b(t(a)("core.serviceaccounts.deactivated")), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "sub", "to", "data-service-account"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["footer"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["state"])
+        ]),
+        t(y).can(t($)) ? (c(), d(se, {
+          key: 0,
+          ref_key: "dialog",
+          ref: g,
+          onSaved: U
+        }, null, 512)) : x("", !0)
+      ]),
+      _: 1
+    }, 8, ["title", "description", "count", "actions"]));
+  }
+});
+export {
+  Ve as default
+};

package/dist/{SessionList.vue_vue_type_script_setup_true_lang-PuWIK-Wa.js → SessionList.vue_vue_type_script_setup_true_lang-BEKTaL0g.js}

@@ -1,10 +1,10 @@
 import { defineComponent as v, openBlock as t, createBlock as c, unref as n, withCtx as o, createCommentVNode as s, createElementBlock as d, Fragment as w, renderList as C, createSlots as $, createElementVNode as l, toDisplayString as r, createTextVNode as m, createVNode as f } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { _ as y } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as B } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+import { _ as y } from "./Button.vue_vue_type_script_setup_true_lang-DQq_0P0p.js";
+import { _ as B } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
 import { u as N } from "./format-D8X4zsx6.js";
-import { _ as V } from "./FormGroup.vue_vue_type_script_setup_true_lang-CSgT4ITL.js";
-import { g as h } from "./options-Bu0XbEpN.js";
+import { _ as V } from "./FormGroup.vue_vue_type_script_setup_true_lang-BTADNpwB.js";
+import { g as h } from "./options-QuOkMKVZ.js";
 import { _ as k } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 const L = {
   class: "flex flex-col gap-y-0.5 md:flex-row md:flex-wrap md:items-center md:gap-x-1.5",