diff --git a/web/static/css/output.css b/web/static/css/output.css
index a5f0418..e42d8e6 100644
--- a/web/static/css/output.css
+++ b/web/static/css/output.css
@@ -8,9 +8,11 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
     --spacing: 0.25rem;
     --container-2xl: 42rem;
     --text-sm: 0.875rem;
@@ -22,7 +24,9 @@
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-medium: 500;
+    --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -175,18 +179,54 @@
   }
 }
 @layer utilities {
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .collapse {
+    visibility: collapse;
+  }
+  .visible {
+    visibility: visible;
+  }
   .absolute {
     position: absolute;
   }
+  .fixed {
+    position: fixed;
+  }
   .relative {
     position: relative;
   }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
+  .left-1\/2 {
+    left: calc(1/2 * 100%);
+  }
+  .z-50 {
+    z-index: 50;
+  }
   .container {
     width: 100%;
     @media (width >= 1600px) {
@@ -211,9 +251,15 @@
       max-width: 96rem;
     }
   }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
   .block {
     display: block;
   }
@@ -223,6 +269,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -236,6 +285,9 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -272,25 +324,60 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-shrink {
+    flex-shrink: 1;
+  }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink {
     flex-shrink: 1;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .-translate-x-1 {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1 {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-4 {
+    --tw-translate-y: calc(var(--spacing) * -4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-4 {
+    --tw-translate-y: calc(var(--spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .scale-3d {
     scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
   }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize {
+    resize: both;
+  }
   .columns-2 {
     columns: 2;
   }
@@ -324,6 +411,17 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .rounded-lg {
+    border-radius: var(--radius);
+  }
   .rounded-md {
     border-radius: calc(var(--radius) - 2px);
   }
@@ -340,15 +438,24 @@
   .bg-background {
     background-color: var(--background);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-destructive {
     background-color: var(--destructive);
   }
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
+  .bg-popover {
+    background-color: var(--popover);
+  }
   .bg-primary {
     background-color: var(--primary);
   }
@@ -361,6 +468,12 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -379,9 +492,15 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
   .text-4xl {
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));
@@ -410,21 +529,40 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
   .text-destructive {
     color: var(--destructive);
   }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-popover-foreground {
+    color: var(--popover-foreground);
+  }
   .text-primary {
     color: var(--primary);
   }
   .text-primary-foreground {
     color: var(--primary-foreground);
   }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
   .italic {
     font-style: italic;
   }
@@ -434,13 +572,25 @@
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .opacity-0 {
+    opacity: 0%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
+  .opacity-90 {
+    opacity: 90%;
+  }
   .shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-destructive {
+    --tw-ring-color: var(--destructive);
+  }
   .ring-destructive\/20 {
     --tw-ring-color: var(--destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -451,6 +601,11 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -461,6 +616,14 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -582,6 +745,13 @@
       }
     }
   }
+  .hover\:opacity-100 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .focus-visible\:border-ring {
     &:focus-visible {
       border-color: var(--ring);
@@ -652,6 +822,11 @@
       }
     }
   }
+  .md\:max-w-\[420px\] {
+    @media (width >= 48rem) {
+      max-width: 420px;
+    }
+  }
   .md\:text-sm {
     @media (width >= 48rem) {
       font-size: var(--text-sm);
@@ -864,6 +1039,26 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -947,6 +1142,14 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -956,6 +1159,11 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -974,6 +1182,8 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-duration: initial;
+      --tw-ease: initial;
     }
   }
 }
diff --git a/web/static/js/alpine.min.js b/web/static/js/alpine.min.js
new file mode 100644
index 0000000..5336670
--- /dev/null
+++ b/web/static/js/alpine.min.js
@@ -0,0 +1,2894 @@
+(() => {
+  var nt = !1,
+    it = !1,
+    W = [],
+    ot = -1;
+  function Ut(e) {
+    Rn(e);
+  }
+  function Rn(e) {
+    (W.includes(e) || W.push(e), Mn());
+  }
+  function Wt(e) {
+    let t = W.indexOf(e);
+    t !== -1 && t > ot && W.splice(t, 1);
+  }
+  function Mn() {
+    !it && !nt && ((nt = !0), queueMicrotask(Nn));
+  }
+  function Nn() {
+    ((nt = !1), (it = !0));
+    for (let e = 0; e < W.length; e++) (W[e](), (ot = e));
+    ((W.length = 0), (ot = -1), (it = !1));
+  }
+  var T,
+    N,
+    $,
+    at,
+    st = !0;
+  function Gt(e) {
+    ((st = !1), e(), (st = !0));
+  }
+  function Jt(e) {
+    ((T = e.reactive),
+      ($ = e.release),
+      (N = (t) =>
+        e.effect(t, {
+          scheduler: (r) => {
+            st ? Ut(r) : r();
+          },
+        })),
+      (at = e.raw));
+  }
+  function ct(e) {
+    N = e;
+  }
+  function Yt(e) {
+    let t = () => {};
+    return [
+      (n) => {
+        let i = N(n);
+        return (
+          e._x_effects ||
+            ((e._x_effects = new Set()),
+            (e._x_runEffects = () => {
+              e._x_effects.forEach((o) => o());
+            })),
+          e._x_effects.add(i),
+          (t = () => {
+            i !== void 0 && (e._x_effects.delete(i), $(i));
+          }),
+          i
+        );
+      },
+      () => {
+        t();
+      },
+    ];
+  }
+  function ve(e, t) {
+    let r = !0,
+      n,
+      i = N(() => {
+        let o = e();
+        (JSON.stringify(o),
+          r
+            ? (n = o)
+            : queueMicrotask(() => {
+                (t(o, n), (n = o));
+              }),
+          (r = !1));
+      });
+    return () => $(i);
+  }
+  var Xt = [],
+    Zt = [],
+    Qt = [];
+  function er(e) {
+    Qt.push(e);
+  }
+  function te(e, t) {
+    typeof t == "function"
+      ? (e._x_cleanups || (e._x_cleanups = []), e._x_cleanups.push(t))
+      : ((t = e), Zt.push(t));
+  }
+  function Ae(e) {
+    Xt.push(e);
+  }
+  function Oe(e, t, r) {
+    (e._x_attributeCleanups || (e._x_attributeCleanups = {}),
+      e._x_attributeCleanups[t] || (e._x_attributeCleanups[t] = []),
+      e._x_attributeCleanups[t].push(r));
+  }
+  function lt(e, t) {
+    e._x_attributeCleanups &&
+      Object.entries(e._x_attributeCleanups).forEach(([r, n]) => {
+        (t === void 0 || t.includes(r)) &&
+          (n.forEach((i) => i()), delete e._x_attributeCleanups[r]);
+      });
+  }
+  function tr(e) {
+    for (e._x_effects?.forEach(Wt); e._x_cleanups?.length; )
+      e._x_cleanups.pop()();
+  }
+  var ut = new MutationObserver(mt),
+    ft = !1;
+  function ue() {
+    (ut.observe(document, {
+      subtree: !0,
+      childList: !0,
+      attributes: !0,
+      attributeOldValue: !0,
+    }),
+      (ft = !0));
+  }
+  function dt() {
+    (kn(), ut.disconnect(), (ft = !1));
+  }
+  var le = [];
+  function kn() {
+    let e = ut.takeRecords();
+    le.push(() => e.length > 0 && mt(e));
+    let t = le.length;
+    queueMicrotask(() => {
+      if (le.length === t) for (; le.length > 0; ) le.shift()();
+    });
+  }
+  function m(e) {
+    if (!ft) return e();
+    dt();
+    let t = e();
+    return (ue(), t);
+  }
+  var pt = !1,
+    Se = [];
+  function rr() {
+    pt = !0;
+  }
+  function nr() {
+    ((pt = !1), mt(Se), (Se = []));
+  }
+  function mt(e) {
+    if (pt) {
+      Se = Se.concat(e);
+      return;
+    }
+    let t = [],
+      r = new Set(),
+      n = new Map(),
+      i = new Map();
+    for (let o = 0; o < e.length; o++)
+      if (
+        !e[o].target._x_ignoreMutationObserver &&
+        (e[o].type === "childList" &&
+          (e[o].removedNodes.forEach((s) => {
+            s.nodeType === 1 && s._x_marker && r.add(s);
+          }),
+          e[o].addedNodes.forEach((s) => {
+            if (s.nodeType === 1) {
+              if (r.has(s)) {
+                r.delete(s);
+                return;
+              }
+              s._x_marker || t.push(s);
+            }
+          })),
+        e[o].type === "attributes")
+      ) {
+        let s = e[o].target,
+          a = e[o].attributeName,
+          c = e[o].oldValue,
+          l = () => {
+            (n.has(s) || n.set(s, []),
+              n.get(s).push({ name: a, value: s.getAttribute(a) }));
+          },
+          u = () => {
+            (i.has(s) || i.set(s, []), i.get(s).push(a));
+          };
+        s.hasAttribute(a) && c === null
+          ? l()
+          : s.hasAttribute(a)
+            ? (u(), l())
+            : u();
+      }
+    (i.forEach((o, s) => {
+      lt(s, o);
+    }),
+      n.forEach((o, s) => {
+        Xt.forEach((a) => a(s, o));
+      }));
+    for (let o of r) t.some((s) => s.contains(o)) || Zt.forEach((s) => s(o));
+    for (let o of t) o.isConnected && Qt.forEach((s) => s(o));
+    ((t = null), (r = null), (n = null), (i = null));
+  }
+  function Ce(e) {
+    return z(B(e));
+  }
+  function k(e, t, r) {
+    return (
+      (e._x_dataStack = [t, ...B(r || e)]),
+      () => {
+        e._x_dataStack = e._x_dataStack.filter((n) => n !== t);
+      }
+    );
+  }
+  function B(e) {
+    return e._x_dataStack
+      ? e._x_dataStack
+      : typeof ShadowRoot == "function" && e instanceof ShadowRoot
+        ? B(e.host)
+        : e.parentNode
+          ? B(e.parentNode)
+          : [];
+  }
+  function z(e) {
+    return new Proxy({ objects: e }, Dn);
+  }
+  var Dn = {
+    ownKeys({ objects: e }) {
+      return Array.from(new Set(e.flatMap((t) => Object.keys(t))));
+    },
+    has({ objects: e }, t) {
+      return t == Symbol.unscopables
+        ? !1
+        : e.some(
+            (r) =>
+              Object.prototype.hasOwnProperty.call(r, t) || Reflect.has(r, t),
+          );
+    },
+    get({ objects: e }, t, r) {
+      return t == "toJSON"
+        ? Pn
+        : Reflect.get(e.find((n) => Reflect.has(n, t)) || {}, t, r);
+    },
+    set({ objects: e }, t, r, n) {
+      let i =
+          e.find((s) => Object.prototype.hasOwnProperty.call(s, t)) ||
+          e[e.length - 1],
+        o = Object.getOwnPropertyDescriptor(i, t);
+      return o?.set && o?.get ? o.set.call(n, r) || !0 : Reflect.set(i, t, r);
+    },
+  };
+  function Pn() {
+    return Reflect.ownKeys(this).reduce(
+      (t, r) => ((t[r] = Reflect.get(this, r)), t),
+      {},
+    );
+  }
+  function Te(e) {
+    let t = (n) => typeof n == "object" && !Array.isArray(n) && n !== null,
+      r = (n, i = "") => {
+        Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(
+          ([o, { value: s, enumerable: a }]) => {
+            if (
+              a === !1 ||
+              s === void 0 ||
+              (typeof s == "object" && s !== null && s.__v_skip)
+            )
+              return;
+            let c = i === "" ? o : `${i}.${o}`;
+            typeof s == "object" && s !== null && s._x_interceptor
+              ? (n[o] = s.initialize(e, c, o))
+              : t(s) && s !== n && !(s instanceof Element) && r(s, c);
+          },
+        );
+      };
+    return r(e);
+  }
+  function Re(e, t = () => {}) {
+    let r = {
+      initialValue: void 0,
+      _x_interceptor: !0,
+      initialize(n, i, o) {
+        return e(
+          this.initialValue,
+          () => In(n, i),
+          (s) => ht(n, i, s),
+          i,
+          o,
+        );
+      },
+    };
+    return (
+      t(r),
+      (n) => {
+        if (typeof n == "object" && n !== null && n._x_interceptor) {
+          let i = r.initialize.bind(r);
+          r.initialize = (o, s, a) => {
+            let c = n.initialize(o, s, a);
+            return ((r.initialValue = c), i(o, s, a));
+          };
+        } else r.initialValue = n;
+        return r;
+      }
+    );
+  }
+  function In(e, t) {
+    return t.split(".").reduce((r, n) => r[n], e);
+  }
+  function ht(e, t, r) {
+    if ((typeof t == "string" && (t = t.split(".")), t.length === 1))
+      e[t[0]] = r;
+    else {
+      if (t.length === 0) throw error;
+      return (e[t[0]] || (e[t[0]] = {}), ht(e[t[0]], t.slice(1), r));
+    }
+  }
+  var ir = {};
+  function y(e, t) {
+    ir[e] = t;
+  }
+  function fe(e, t) {
+    let r = Ln(t);
+    return (
+      Object.entries(ir).forEach(([n, i]) => {
+        Object.defineProperty(e, `$${n}`, {
+          get() {
+            return i(t, r);
+          },
+          enumerable: !1,
+        });
+      }),
+      e
+    );
+  }
+  function Ln(e) {
+    let [t, r] = _t(e),
+      n = { interceptor: Re, ...t };
+    return (te(e, r), n);
+  }
+  function or(e, t, r, ...n) {
+    try {
+      return r(...n);
+    } catch (i) {
+      re(i, e, t);
+    }
+  }
+  function re(e, t, r = void 0) {
+    ((e = Object.assign(e ?? { message: "No error message given." }, {
+      el: t,
+      expression: r,
+    })),
+      console.warn(
+        `Alpine Expression Error: ${e.message}
+
+${
+  r
+    ? 'Expression: "' +
+      r +
+      `"
+
+`
+    : ""
+}`,
+        t,
+      ),
+      setTimeout(() => {
+        throw e;
+      }, 0));
+  }
+  var Me = !0;
+  function ke(e) {
+    let t = Me;
+    Me = !1;
+    let r = e();
+    return ((Me = t), r);
+  }
+  function R(e, t, r = {}) {
+    let n;
+    return (x(e, t)((i) => (n = i), r), n);
+  }
+  function x(...e) {
+    return sr(...e);
+  }
+  var sr = xt;
+  function ar(e) {
+    sr = e;
+  }
+  function xt(e, t) {
+    let r = {};
+    fe(r, e);
+    let n = [r, ...B(e)],
+      i = typeof t == "function" ? $n(n, t) : Fn(n, t, e);
+    return or.bind(null, e, t, i);
+  }
+  function $n(e, t) {
+    return (r = () => {}, { scope: n = {}, params: i = [] } = {}) => {
+      let o = t.apply(z([n, ...e]), i);
+      Ne(r, o);
+    };
+  }
+  var gt = {};
+  function jn(e, t) {
+    if (gt[e]) return gt[e];
+    let r = Object.getPrototypeOf(async function () {}).constructor,
+      n =
+        /^[\n\s]*if.*\(.*\)/.test(e.trim()) || /^(let|const)\s/.test(e.trim())
+          ? `(async()=>{ ${e} })()`
+          : e,
+      o = (() => {
+        try {
+          let s = new r(
+            ["__self", "scope"],
+            `with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`,
+          );
+          return (
+            Object.defineProperty(s, "name", { value: `[Alpine] ${e}` }),
+            s
+          );
+        } catch (s) {
+          return (re(s, t, e), Promise.resolve());
+        }
+      })();
+    return ((gt[e] = o), o);
+  }
+  function Fn(e, t, r) {
+    let n = jn(t, r);
+    return (i = () => {}, { scope: o = {}, params: s = [] } = {}) => {
+      ((n.result = void 0), (n.finished = !1));
+      let a = z([o, ...e]);
+      if (typeof n == "function") {
+        let c = n(n, a).catch((l) => re(l, r, t));
+        n.finished
+          ? (Ne(i, n.result, a, s, r), (n.result = void 0))
+          : c
+              .then((l) => {
+                Ne(i, l, a, s, r);
+              })
+              .catch((l) => re(l, r, t))
+              .finally(() => (n.result = void 0));
+      }
+    };
+  }
+  function Ne(e, t, r, n, i) {
+    if (Me && typeof t == "function") {
+      let o = t.apply(r, n);
+      o instanceof Promise
+        ? o.then((s) => Ne(e, s, r, n)).catch((s) => re(s, i, t))
+        : e(o);
+    } else
+      typeof t == "object" && t instanceof Promise ? t.then((o) => e(o)) : e(t);
+  }
+  var wt = "x-";
+  function C(e = "") {
+    return wt + e;
+  }
+  function cr(e) {
+    wt = e;
+  }
+  var De = {};
+  function d(e, t) {
+    return (
+      (De[e] = t),
+      {
+        before(r) {
+          if (!De[r]) {
+            console.warn(
+              String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`,
+            );
+            return;
+          }
+          let n = G.indexOf(r);
+          G.splice(n >= 0 ? n : G.indexOf("DEFAULT"), 0, e);
+        },
+      }
+    );
+  }
+  function lr(e) {
+    return Object.keys(De).includes(e);
+  }
+  function pe(e, t, r) {
+    if (((t = Array.from(t)), e._x_virtualDirectives)) {
+      let o = Object.entries(e._x_virtualDirectives).map(([a, c]) => ({
+          name: a,
+          value: c,
+        })),
+        s = Et(o);
+      ((o = o.map((a) =>
+        s.find((c) => c.name === a.name)
+          ? { name: `x-bind:${a.name}`, value: `"${a.value}"` }
+          : a,
+      )),
+        (t = t.concat(o)));
+    }
+    let n = {};
+    return t
+      .map(dr((o, s) => (n[o] = s)))
+      .filter(mr)
+      .map(zn(n, r))
+      .sort(Kn)
+      .map((o) => Bn(e, o));
+  }
+  function Et(e) {
+    return Array.from(e)
+      .map(dr())
+      .filter((t) => !mr(t));
+  }
+  var yt = !1,
+    de = new Map(),
+    ur = Symbol();
+  function fr(e) {
+    yt = !0;
+    let t = Symbol();
+    ((ur = t), de.set(t, []));
+    let r = () => {
+        for (; de.get(t).length; ) de.get(t).shift()();
+        de.delete(t);
+      },
+      n = () => {
+        ((yt = !1), r());
+      };
+    (e(r), n());
+  }
+  function _t(e) {
+    let t = [],
+      r = (a) => t.push(a),
+      [n, i] = Yt(e);
+    return (
+      t.push(i),
+      [
+        {
+          Alpine: K,
+          effect: n,
+          cleanup: r,
+          evaluateLater: x.bind(x, e),
+          evaluate: R.bind(R, e),
+        },
+        () => t.forEach((a) => a()),
+      ]
+    );
+  }
+  function Bn(e, t) {
+    let r = () => {},
+      n = De[t.type] || r,
+      [i, o] = _t(e);
+    Oe(e, t.original, o);
+    let s = () => {
+      e._x_ignore ||
+        e._x_ignoreSelf ||
+        (n.inline && n.inline(e, t, i),
+        (n = n.bind(n, e, t, i)),
+        yt ? de.get(ur).push(n) : n());
+    };
+    return ((s.runCleanups = o), s);
+  }
+  var Pe =
+      (e, t) =>
+      ({ name: r, value: n }) => (
+        r.startsWith(e) && (r = r.replace(e, t)),
+        { name: r, value: n }
+      ),
+    Ie = (e) => e;
+  function dr(e = () => {}) {
+    return ({ name: t, value: r }) => {
+      let { name: n, value: i } = pr.reduce((o, s) => s(o), {
+        name: t,
+        value: r,
+      });
+      return (n !== t && e(n, t), { name: n, value: i });
+    };
+  }
+  var pr = [];
+  function ne(e) {
+    pr.push(e);
+  }
+  function mr({ name: e }) {
+    return hr().test(e);
+  }
+  var hr = () => new RegExp(`^${wt}([^:^.]+)\\b`);
+  function zn(e, t) {
+    return ({ name: r, value: n }) => {
+      let i = r.match(hr()),
+        o = r.match(/:([a-zA-Z0-9\-_:]+)/),
+        s = r.match(/\.[^.\]]+(?=[^\]]*$)/g) || [],
+        a = t || e[r] || r;
+      return {
+        type: i ? i[1] : null,
+        value: o ? o[1] : null,
+        modifiers: s.map((c) => c.replace(".", "")),
+        expression: n,
+        original: a,
+      };
+    };
+  }
+  var bt = "DEFAULT",
+    G = [
+      "ignore",
+      "ref",
+      "data",
+      "id",
+      "anchor",
+      "bind",
+      "init",
+      "for",
+      "model",
+      "modelable",
+      "transition",
+      "show",
+      "if",
+      bt,
+      "teleport",
+    ];
+  function Kn(e, t) {
+    let r = G.indexOf(e.type) === -1 ? bt : e.type,
+      n = G.indexOf(t.type) === -1 ? bt : t.type;
+    return G.indexOf(r) - G.indexOf(n);
+  }
+  function J(e, t, r = {}) {
+    e.dispatchEvent(
+      new CustomEvent(t, {
+        detail: r,
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+      }),
+    );
+  }
+  function D(e, t) {
+    if (typeof ShadowRoot == "function" && e instanceof ShadowRoot) {
+      Array.from(e.children).forEach((i) => D(i, t));
+      return;
+    }
+    let r = !1;
+    if ((t(e, () => (r = !0)), r)) return;
+    let n = e.firstElementChild;
+    for (; n; ) (D(n, t, !1), (n = n.nextElementSibling));
+  }
+  function E(e, ...t) {
+    console.warn(`Alpine Warning: ${e}`, ...t);
+  }
+  var _r = !1;
+  function gr() {
+    (_r &&
+      E(
+        "Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems.",
+      ),
+      (_r = !0),
+      document.body ||
+        E(
+          "Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?",
+        ),
+      J(document, "alpine:init"),
+      J(document, "alpine:initializing"),
+      ue(),
+      er((t) => S(t, D)),
+      te((t) => P(t)),
+      Ae((t, r) => {
+        pe(t, r).forEach((n) => n());
+      }));
+    let e = (t) => !Y(t.parentElement, !0);
+    (Array.from(document.querySelectorAll(br().join(",")))
+      .filter(e)
+      .forEach((t) => {
+        S(t);
+      }),
+      J(document, "alpine:initialized"),
+      setTimeout(() => {
+        Vn();
+      }));
+  }
+  var vt = [],
+    xr = [];
+  function yr() {
+    return vt.map((e) => e());
+  }
+  function br() {
+    return vt.concat(xr).map((e) => e());
+  }
+  function Le(e) {
+    vt.push(e);
+  }
+  function $e(e) {
+    xr.push(e);
+  }
+  function Y(e, t = !1) {
+    return j(e, (r) => {
+      if ((t ? br() : yr()).some((i) => r.matches(i))) return !0;
+    });
+  }
+  function j(e, t) {
+    if (e) {
+      if (t(e)) return e;
+      if ((e._x_teleportBack && (e = e._x_teleportBack), !!e.parentElement))
+        return j(e.parentElement, t);
+    }
+  }
+  function wr(e) {
+    return yr().some((t) => e.matches(t));
+  }
+  var Er = [];
+  function vr(e) {
+    Er.push(e);
+  }
+  var Hn = 1;
+  function S(e, t = D, r = () => {}) {
+    j(e, (n) => n._x_ignore) ||
+      fr(() => {
+        t(e, (n, i) => {
+          n._x_marker ||
+            (r(n, i),
+            Er.forEach((o) => o(n, i)),
+            pe(n, n.attributes).forEach((o) => o()),
+            n._x_ignore || (n._x_marker = Hn++),
+            n._x_ignore && i());
+        });
+      });
+  }
+  function P(e, t = D) {
+    t(e, (r) => {
+      (tr(r), lt(r), delete r._x_marker);
+    });
+  }
+  function Vn() {
+    [
+      ["ui", "dialog", ["[x-dialog], [x-popover]"]],
+      ["anchor", "anchor", ["[x-anchor]"]],
+      ["sort", "sort", ["[x-sort]"]],
+    ].forEach(([t, r, n]) => {
+      lr(r) ||
+        n.some((i) => {
+          if (document.querySelector(i))
+            return (E(`found "${i}", but missing ${t} plugin`), !0);
+        });
+    });
+  }
+  var St = [],
+    At = !1;
+  function ie(e = () => {}) {
+    return (
+      queueMicrotask(() => {
+        At ||
+          setTimeout(() => {
+            je();
+          });
+      }),
+      new Promise((t) => {
+        St.push(() => {
+          (e(), t());
+        });
+      })
+    );
+  }
+  function je() {
+    for (At = !1; St.length; ) St.shift()();
+  }
+  function Sr() {
+    At = !0;
+  }
+  function me(e, t) {
+    return Array.isArray(t)
+      ? Ar(e, t.join(" "))
+      : typeof t == "object" && t !== null
+        ? qn(e, t)
+        : typeof t == "function"
+          ? me(e, t())
+          : Ar(e, t);
+  }
+  function Ar(e, t) {
+    let r = (o) => o.split(" ").filter(Boolean),
+      n = (o) =>
+        o
+          .split(" ")
+          .filter((s) => !e.classList.contains(s))
+          .filter(Boolean),
+      i = (o) => (
+        e.classList.add(...o),
+        () => {
+          e.classList.remove(...o);
+        }
+      );
+    return ((t = t === !0 ? (t = "") : t || ""), i(n(t)));
+  }
+  function qn(e, t) {
+    let r = (a) => a.split(" ").filter(Boolean),
+      n = Object.entries(t)
+        .flatMap(([a, c]) => (c ? r(a) : !1))
+        .filter(Boolean),
+      i = Object.entries(t)
+        .flatMap(([a, c]) => (c ? !1 : r(a)))
+        .filter(Boolean),
+      o = [],
+      s = [];
+    return (
+      i.forEach((a) => {
+        e.classList.contains(a) && (e.classList.remove(a), s.push(a));
+      }),
+      n.forEach((a) => {
+        e.classList.contains(a) || (e.classList.add(a), o.push(a));
+      }),
+      () => {
+        (s.forEach((a) => e.classList.add(a)),
+          o.forEach((a) => e.classList.remove(a)));
+      }
+    );
+  }
+  function X(e, t) {
+    return typeof t == "object" && t !== null ? Un(e, t) : Wn(e, t);
+  }
+  function Un(e, t) {
+    let r = {};
+    return (
+      Object.entries(t).forEach(([n, i]) => {
+        ((r[n] = e.style[n]),
+          n.startsWith("--") || (n = Gn(n)),
+          e.style.setProperty(n, i));
+      }),
+      setTimeout(() => {
+        e.style.length === 0 && e.removeAttribute("style");
+      }),
+      () => {
+        X(e, r);
+      }
+    );
+  }
+  function Wn(e, t) {
+    let r = e.getAttribute("style", t);
+    return (
+      e.setAttribute("style", t),
+      () => {
+        e.setAttribute("style", r || "");
+      }
+    );
+  }
+  function Gn(e) {
+    return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  }
+  function he(e, t = () => {}) {
+    let r = !1;
+    return function () {
+      r ? t.apply(this, arguments) : ((r = !0), e.apply(this, arguments));
+    };
+  }
+  d(
+    "transition",
+    (e, { value: t, modifiers: r, expression: n }, { evaluate: i }) => {
+      (typeof n == "function" && (n = i(n)),
+        n !== !1 && (!n || typeof n == "boolean" ? Yn(e, r, t) : Jn(e, n, t)));
+    },
+  );
+  function Jn(e, t, r) {
+    (Or(e, me, ""),
+      {
+        enter: (i) => {
+          e._x_transition.enter.during = i;
+        },
+        "enter-start": (i) => {
+          e._x_transition.enter.start = i;
+        },
+        "enter-end": (i) => {
+          e._x_transition.enter.end = i;
+        },
+        leave: (i) => {
+          e._x_transition.leave.during = i;
+        },
+        "leave-start": (i) => {
+          e._x_transition.leave.start = i;
+        },
+        "leave-end": (i) => {
+          e._x_transition.leave.end = i;
+        },
+      }[r](t));
+  }
+  function Yn(e, t, r) {
+    Or(e, X);
+    let n = !t.includes("in") && !t.includes("out") && !r,
+      i = n || t.includes("in") || ["enter"].includes(r),
+      o = n || t.includes("out") || ["leave"].includes(r);
+    (t.includes("in") && !n && (t = t.filter((g, b) => b < t.indexOf("out"))),
+      t.includes("out") &&
+        !n &&
+        (t = t.filter((g, b) => b > t.indexOf("out"))));
+    let s = !t.includes("opacity") && !t.includes("scale"),
+      a = s || t.includes("opacity"),
+      c = s || t.includes("scale"),
+      l = a ? 0 : 1,
+      u = c ? _e(t, "scale", 95) / 100 : 1,
+      p = _e(t, "delay", 0) / 1e3,
+      h = _e(t, "origin", "center"),
+      w = "opacity, transform",
+      F = _e(t, "duration", 150) / 1e3,
+      Ee = _e(t, "duration", 75) / 1e3,
+      f = "cubic-bezier(0.4, 0.0, 0.2, 1)";
+    (i &&
+      ((e._x_transition.enter.during = {
+        transformOrigin: h,
+        transitionDelay: `${p}s`,
+        transitionProperty: w,
+        transitionDuration: `${F}s`,
+        transitionTimingFunction: f,
+      }),
+      (e._x_transition.enter.start = { opacity: l, transform: `scale(${u})` }),
+      (e._x_transition.enter.end = { opacity: 1, transform: "scale(1)" })),
+      o &&
+        ((e._x_transition.leave.during = {
+          transformOrigin: h,
+          transitionDelay: `${p}s`,
+          transitionProperty: w,
+          transitionDuration: `${Ee}s`,
+          transitionTimingFunction: f,
+        }),
+        (e._x_transition.leave.start = { opacity: 1, transform: "scale(1)" }),
+        (e._x_transition.leave.end = {
+          opacity: l,
+          transform: `scale(${u})`,
+        })));
+  }
+  function Or(e, t, r = {}) {
+    e._x_transition ||
+      (e._x_transition = {
+        enter: { during: r, start: r, end: r },
+        leave: { during: r, start: r, end: r },
+        in(n = () => {}, i = () => {}) {
+          Fe(
+            e,
+            t,
+            {
+              during: this.enter.during,
+              start: this.enter.start,
+              end: this.enter.end,
+            },
+            n,
+            i,
+          );
+        },
+        out(n = () => {}, i = () => {}) {
+          Fe(
+            e,
+            t,
+            {
+              during: this.leave.during,
+              start: this.leave.start,
+              end: this.leave.end,
+            },
+            n,
+            i,
+          );
+        },
+      });
+  }
+  window.Element.prototype._x_toggleAndCascadeWithTransitions = function (
+    e,
+    t,
+    r,
+    n,
+  ) {
+    let i =
+        document.visibilityState === "visible"
+          ? requestAnimationFrame
+          : setTimeout,
+      o = () => i(r);
+    if (t) {
+      e._x_transition && (e._x_transition.enter || e._x_transition.leave)
+        ? e._x_transition.enter &&
+          (Object.entries(e._x_transition.enter.during).length ||
+            Object.entries(e._x_transition.enter.start).length ||
+            Object.entries(e._x_transition.enter.end).length)
+          ? e._x_transition.in(r)
+          : o()
+        : e._x_transition
+          ? e._x_transition.in(r)
+          : o();
+      return;
+    }
+    ((e._x_hidePromise = e._x_transition
+      ? new Promise((s, a) => {
+          (e._x_transition.out(
+            () => {},
+            () => s(n),
+          ),
+            e._x_transitioning &&
+              e._x_transitioning.beforeCancel(() =>
+                a({ isFromCancelledTransition: !0 }),
+              ));
+        })
+      : Promise.resolve(n)),
+      queueMicrotask(() => {
+        let s = Cr(e);
+        s
+          ? (s._x_hideChildren || (s._x_hideChildren = []),
+            s._x_hideChildren.push(e))
+          : i(() => {
+              let a = (c) => {
+                let l = Promise.all([
+                  c._x_hidePromise,
+                  ...(c._x_hideChildren || []).map(a),
+                ]).then(([u]) => u?.());
+                return (delete c._x_hidePromise, delete c._x_hideChildren, l);
+              };
+              a(e).catch((c) => {
+                if (!c.isFromCancelledTransition) throw c;
+              });
+            });
+      }));
+  };
+  function Cr(e) {
+    let t = e.parentNode;
+    if (t) return t._x_hidePromise ? t : Cr(t);
+  }
+  function Fe(
+    e,
+    t,
+    { during: r, start: n, end: i } = {},
+    o = () => {},
+    s = () => {},
+  ) {
+    if (
+      (e._x_transitioning && e._x_transitioning.cancel(),
+      Object.keys(r).length === 0 &&
+        Object.keys(n).length === 0 &&
+        Object.keys(i).length === 0)
+    ) {
+      (o(), s());
+      return;
+    }
+    let a, c, l;
+    Xn(e, {
+      start() {
+        a = t(e, n);
+      },
+      during() {
+        c = t(e, r);
+      },
+      before: o,
+      end() {
+        (a(), (l = t(e, i)));
+      },
+      after: s,
+      cleanup() {
+        (c(), l());
+      },
+    });
+  }
+  function Xn(e, t) {
+    let r,
+      n,
+      i,
+      o = he(() => {
+        m(() => {
+          ((r = !0),
+            n || t.before(),
+            i || (t.end(), je()),
+            t.after(),
+            e.isConnected && t.cleanup(),
+            delete e._x_transitioning);
+        });
+      });
+    ((e._x_transitioning = {
+      beforeCancels: [],
+      beforeCancel(s) {
+        this.beforeCancels.push(s);
+      },
+      cancel: he(function () {
+        for (; this.beforeCancels.length; ) this.beforeCancels.shift()();
+        o();
+      }),
+      finish: o,
+    }),
+      m(() => {
+        (t.start(), t.during());
+      }),
+      Sr(),
+      requestAnimationFrame(() => {
+        if (r) return;
+        let s =
+            Number(
+              getComputedStyle(e)
+                .transitionDuration.replace(/,.*/, "")
+                .replace("s", ""),
+            ) * 1e3,
+          a =
+            Number(
+              getComputedStyle(e)
+                .transitionDelay.replace(/,.*/, "")
+                .replace("s", ""),
+            ) * 1e3;
+        (s === 0 &&
+          (s =
+            Number(getComputedStyle(e).animationDuration.replace("s", "")) *
+            1e3),
+          m(() => {
+            t.before();
+          }),
+          (n = !0),
+          requestAnimationFrame(() => {
+            r ||
+              (m(() => {
+                t.end();
+              }),
+              je(),
+              setTimeout(e._x_transitioning.finish, s + a),
+              (i = !0));
+          }));
+      }));
+  }
+  function _e(e, t, r) {
+    if (e.indexOf(t) === -1) return r;
+    let n = e[e.indexOf(t) + 1];
+    if (!n || (t === "scale" && isNaN(n))) return r;
+    if (t === "duration" || t === "delay") {
+      let i = n.match(/([0-9]+)ms/);
+      if (i) return i[1];
+    }
+    return t === "origin" &&
+      ["top", "right", "left", "center", "bottom"].includes(e[e.indexOf(t) + 2])
+      ? [n, e[e.indexOf(t) + 2]].join(" ")
+      : n;
+  }
+  var I = !1;
+  function A(e, t = () => {}) {
+    return (...r) => (I ? t(...r) : e(...r));
+  }
+  function Tr(e) {
+    return (...t) => I && e(...t);
+  }
+  var Rr = [];
+  function H(e) {
+    Rr.push(e);
+  }
+  function Mr(e, t) {
+    (Rr.forEach((r) => r(e, t)),
+      (I = !0),
+      kr(() => {
+        S(t, (r, n) => {
+          n(r, () => {});
+        });
+      }),
+      (I = !1));
+  }
+  var Be = !1;
+  function Nr(e, t) {
+    (t._x_dataStack || (t._x_dataStack = e._x_dataStack),
+      (I = !0),
+      (Be = !0),
+      kr(() => {
+        Zn(t);
+      }),
+      (I = !1),
+      (Be = !1));
+  }
+  function Zn(e) {
+    let t = !1;
+    S(e, (n, i) => {
+      D(n, (o, s) => {
+        if (t && wr(o)) return s();
+        ((t = !0), i(o, s));
+      });
+    });
+  }
+  function kr(e) {
+    let t = N;
+    (ct((r, n) => {
+      let i = t(r);
+      return ($(i), () => {});
+    }),
+      e(),
+      ct(t));
+  }
+  function ge(e, t, r, n = []) {
+    switch (
+      (e._x_bindings || (e._x_bindings = T({})),
+      (e._x_bindings[t] = r),
+      (t = n.includes("camel") ? si(t) : t),
+      t)
+    ) {
+      case "value":
+        Qn(e, r);
+        break;
+      case "style":
+        ti(e, r);
+        break;
+      case "class":
+        ei(e, r);
+        break;
+      case "selected":
+      case "checked":
+        ri(e, t, r);
+        break;
+      default:
+        Pr(e, t, r);
+        break;
+    }
+  }
+  function Qn(e, t) {
+    if (Ot(e))
+      (e.attributes.value === void 0 && (e.value = t),
+        window.fromModel &&
+          (typeof t == "boolean"
+            ? (e.checked = xe(e.value) === t)
+            : (e.checked = Dr(e.value, t))));
+    else if (ze(e))
+      Number.isInteger(t)
+        ? (e.value = t)
+        : !Array.isArray(t) &&
+            typeof t != "boolean" &&
+            ![null, void 0].includes(t)
+          ? (e.value = String(t))
+          : Array.isArray(t)
+            ? (e.checked = t.some((r) => Dr(r, e.value)))
+            : (e.checked = !!t);
+    else if (e.tagName === "SELECT") oi(e, t);
+    else {
+      if (e.value === t) return;
+      e.value = t === void 0 ? "" : t;
+    }
+  }
+  function ei(e, t) {
+    (e._x_undoAddedClasses && e._x_undoAddedClasses(),
+      (e._x_undoAddedClasses = me(e, t)));
+  }
+  function ti(e, t) {
+    (e._x_undoAddedStyles && e._x_undoAddedStyles(),
+      (e._x_undoAddedStyles = X(e, t)));
+  }
+  function ri(e, t, r) {
+    (Pr(e, t, r), ii(e, t, r));
+  }
+  function Pr(e, t, r) {
+    [null, void 0, !1].includes(r) && ci(t)
+      ? e.removeAttribute(t)
+      : (Ir(t) && (r = t), ni(e, t, r));
+  }
+  function ni(e, t, r) {
+    e.getAttribute(t) != r && e.setAttribute(t, r);
+  }
+  function ii(e, t, r) {
+    e[t] !== r && (e[t] = r);
+  }
+  function oi(e, t) {
+    let r = [].concat(t).map((n) => n + "");
+    Array.from(e.options).forEach((n) => {
+      n.selected = r.includes(n.value);
+    });
+  }
+  function si(e) {
+    return e.toLowerCase().replace(/-(\w)/g, (t, r) => r.toUpperCase());
+  }
+  function Dr(e, t) {
+    return e == t;
+  }
+  function xe(e) {
+    return [1, "1", "true", "on", "yes", !0].includes(e)
+      ? !0
+      : [0, "0", "false", "off", "no", !1].includes(e)
+        ? !1
+        : e
+          ? Boolean(e)
+          : null;
+  }
+  var ai = new Set([
+    "allowfullscreen",
+    "async",
+    "autofocus",
+    "autoplay",
+    "checked",
+    "controls",
+    "default",
+    "defer",
+    "disabled",
+    "formnovalidate",
+    "inert",
+    "ismap",
+    "itemscope",
+    "loop",
+    "multiple",
+    "muted",
+    "nomodule",
+    "novalidate",
+    "open",
+    "playsinline",
+    "readonly",
+    "required",
+    "reversed",
+    "selected",
+    "shadowrootclonable",
+    "shadowrootdelegatesfocus",
+    "shadowrootserializable",
+  ]);
+  function Ir(e) {
+    return ai.has(e);
+  }
+  function ci(e) {
+    return ![
+      "aria-pressed",
+      "aria-checked",
+      "aria-expanded",
+      "aria-selected",
+    ].includes(e);
+  }
+  function Lr(e, t, r) {
+    return e._x_bindings && e._x_bindings[t] !== void 0
+      ? e._x_bindings[t]
+      : jr(e, t, r);
+  }
+  function $r(e, t, r, n = !0) {
+    if (e._x_bindings && e._x_bindings[t] !== void 0) return e._x_bindings[t];
+    if (e._x_inlineBindings && e._x_inlineBindings[t] !== void 0) {
+      let i = e._x_inlineBindings[t];
+      return ((i.extract = n), ke(() => R(e, i.expression)));
+    }
+    return jr(e, t, r);
+  }
+  function jr(e, t, r) {
+    let n = e.getAttribute(t);
+    return n === null
+      ? typeof r == "function"
+        ? r()
+        : r
+      : n === ""
+        ? !0
+        : Ir(t)
+          ? !![t, "true"].includes(n)
+          : n;
+  }
+  function ze(e) {
+    return (
+      e.type === "checkbox" ||
+      e.localName === "ui-checkbox" ||
+      e.localName === "ui-switch"
+    );
+  }
+  function Ot(e) {
+    return e.type === "radio" || e.localName === "ui-radio";
+  }
+  function Ke(e, t) {
+    var r;
+    return function () {
+      var n = this,
+        i = arguments,
+        o = function () {
+          ((r = null), e.apply(n, i));
+        };
+      (clearTimeout(r), (r = setTimeout(o, t)));
+    };
+  }
+  function He(e, t) {
+    let r;
+    return function () {
+      let n = this,
+        i = arguments;
+      r || (e.apply(n, i), (r = !0), setTimeout(() => (r = !1), t));
+    };
+  }
+  function Ve({ get: e, set: t }, { get: r, set: n }) {
+    let i = !0,
+      o,
+      s,
+      a = N(() => {
+        let c = e(),
+          l = r();
+        if (i) (n(Ct(c)), (i = !1));
+        else {
+          let u = JSON.stringify(c),
+            p = JSON.stringify(l);
+          u !== o ? n(Ct(c)) : u !== p && t(Ct(l));
+        }
+        ((o = JSON.stringify(e())), (s = JSON.stringify(r())));
+      });
+    return () => {
+      $(a);
+    };
+  }
+  function Ct(e) {
+    return typeof e == "object" ? JSON.parse(JSON.stringify(e)) : e;
+  }
+  function Fr(e) {
+    (Array.isArray(e) ? e : [e]).forEach((r) => r(K));
+  }
+  var Z = {},
+    Br = !1;
+  function zr(e, t) {
+    if ((Br || ((Z = T(Z)), (Br = !0)), t === void 0)) return Z[e];
+    ((Z[e] = t),
+      Te(Z[e]),
+      typeof t == "object" &&
+        t !== null &&
+        t.hasOwnProperty("init") &&
+        typeof t.init == "function" &&
+        Z[e].init());
+  }
+  function Kr() {
+    return Z;
+  }
+  var Hr = {};
+  function Vr(e, t) {
+    let r = typeof t != "function" ? () => t : t;
+    return e instanceof Element ? Tt(e, r()) : ((Hr[e] = r), () => {});
+  }
+  function qr(e) {
+    return (
+      Object.entries(Hr).forEach(([t, r]) => {
+        Object.defineProperty(e, t, {
+          get() {
+            return (...n) => r(...n);
+          },
+        });
+      }),
+      e
+    );
+  }
+  function Tt(e, t, r) {
+    let n = [];
+    for (; n.length; ) n.pop()();
+    let i = Object.entries(t).map(([s, a]) => ({ name: s, value: a })),
+      o = Et(i);
+    return (
+      (i = i.map((s) =>
+        o.find((a) => a.name === s.name)
+          ? { name: `x-bind:${s.name}`, value: `"${s.value}"` }
+          : s,
+      )),
+      pe(e, i, r).map((s) => {
+        (n.push(s.runCleanups), s());
+      }),
+      () => {
+        for (; n.length; ) n.pop()();
+      }
+    );
+  }
+  var Ur = {};
+  function Wr(e, t) {
+    Ur[e] = t;
+  }
+  function Gr(e, t) {
+    return (
+      Object.entries(Ur).forEach(([r, n]) => {
+        Object.defineProperty(e, r, {
+          get() {
+            return (...i) => n.bind(t)(...i);
+          },
+          enumerable: !1,
+        });
+      }),
+      e
+    );
+  }
+  var li = {
+      get reactive() {
+        return T;
+      },
+      get release() {
+        return $;
+      },
+      get effect() {
+        return N;
+      },
+      get raw() {
+        return at;
+      },
+      version: "3.14.9",
+      flushAndStopDeferringMutations: nr,
+      dontAutoEvaluateFunctions: ke,
+      disableEffectScheduling: Gt,
+      startObservingMutations: ue,
+      stopObservingMutations: dt,
+      setReactivityEngine: Jt,
+      onAttributeRemoved: Oe,
+      onAttributesAdded: Ae,
+      closestDataStack: B,
+      skipDuringClone: A,
+      onlyDuringClone: Tr,
+      addRootSelector: Le,
+      addInitSelector: $e,
+      interceptClone: H,
+      addScopeToNode: k,
+      deferMutations: rr,
+      mapAttributes: ne,
+      evaluateLater: x,
+      interceptInit: vr,
+      setEvaluator: ar,
+      mergeProxies: z,
+      extractProp: $r,
+      findClosest: j,
+      onElRemoved: te,
+      closestRoot: Y,
+      destroyTree: P,
+      interceptor: Re,
+      transition: Fe,
+      setStyles: X,
+      mutateDom: m,
+      directive: d,
+      entangle: Ve,
+      throttle: He,
+      debounce: Ke,
+      evaluate: R,
+      initTree: S,
+      nextTick: ie,
+      prefixed: C,
+      prefix: cr,
+      plugin: Fr,
+      magic: y,
+      store: zr,
+      start: gr,
+      clone: Nr,
+      cloneNode: Mr,
+      bound: Lr,
+      $data: Ce,
+      watch: ve,
+      walk: D,
+      data: Wr,
+      bind: Vr,
+    },
+    K = li;
+  function Rt(e, t) {
+    let r = Object.create(null),
+      n = e.split(",");
+    for (let i = 0; i < n.length; i++) r[n[i]] = !0;
+    return t ? (i) => !!r[i.toLowerCase()] : (i) => !!r[i];
+  }
+  var ui =
+    "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";
+  var Ls = Rt(
+    ui +
+      ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected",
+  );
+  var Jr = Object.freeze({}),
+    $s = Object.freeze([]);
+  var fi = Object.prototype.hasOwnProperty,
+    ye = (e, t) => fi.call(e, t),
+    V = Array.isArray,
+    oe = (e) => Yr(e) === "[object Map]";
+  var di = (e) => typeof e == "string",
+    qe = (e) => typeof e == "symbol",
+    be = (e) => e !== null && typeof e == "object";
+  var pi = Object.prototype.toString,
+    Yr = (e) => pi.call(e),
+    Mt = (e) => Yr(e).slice(8, -1);
+  var Ue = (e) =>
+    di(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e;
+  var We = (e) => {
+      let t = Object.create(null);
+      return (r) => t[r] || (t[r] = e(r));
+    },
+    mi = /-(\w)/g,
+    js = We((e) => e.replace(mi, (t, r) => (r ? r.toUpperCase() : ""))),
+    hi = /\B([A-Z])/g,
+    Fs = We((e) => e.replace(hi, "-$1").toLowerCase()),
+    Nt = We((e) => e.charAt(0).toUpperCase() + e.slice(1)),
+    Bs = We((e) => (e ? `on${Nt(e)}` : "")),
+    kt = (e, t) => e !== t && (e === e || t === t);
+  var Dt = new WeakMap(),
+    we = [],
+    L,
+    Q = Symbol("iterate"),
+    Pt = Symbol("Map key iterate");
+  function _i(e) {
+    return e && e._isEffect === !0;
+  }
+  function rn(e, t = Jr) {
+    _i(e) && (e = e.raw);
+    let r = xi(e, t);
+    return (t.lazy || r(), r);
+  }
+  function nn(e) {
+    e.active &&
+      (on(e), e.options.onStop && e.options.onStop(), (e.active = !1));
+  }
+  var gi = 0;
+  function xi(e, t) {
+    let r = function () {
+      if (!r.active) return e();
+      if (!we.includes(r)) {
+        on(r);
+        try {
+          return (bi(), we.push(r), (L = r), e());
+        } finally {
+          (we.pop(), sn(), (L = we[we.length - 1]));
+        }
+      }
+    };
+    return (
+      (r.id = gi++),
+      (r.allowRecurse = !!t.allowRecurse),
+      (r._isEffect = !0),
+      (r.active = !0),
+      (r.raw = e),
+      (r.deps = []),
+      (r.options = t),
+      r
+    );
+  }
+  function on(e) {
+    let { deps: t } = e;
+    if (t.length) {
+      for (let r = 0; r < t.length; r++) t[r].delete(e);
+      t.length = 0;
+    }
+  }
+  var se = !0,
+    Lt = [];
+  function yi() {
+    (Lt.push(se), (se = !1));
+  }
+  function bi() {
+    (Lt.push(se), (se = !0));
+  }
+  function sn() {
+    let e = Lt.pop();
+    se = e === void 0 ? !0 : e;
+  }
+  function M(e, t, r) {
+    if (!se || L === void 0) return;
+    let n = Dt.get(e);
+    n || Dt.set(e, (n = new Map()));
+    let i = n.get(r);
+    (i || n.set(r, (i = new Set())),
+      i.has(L) ||
+        (i.add(L),
+        L.deps.push(i),
+        L.options.onTrack &&
+          L.options.onTrack({ effect: L, target: e, type: t, key: r })));
+  }
+  function U(e, t, r, n, i, o) {
+    let s = Dt.get(e);
+    if (!s) return;
+    let a = new Set(),
+      c = (u) => {
+        u &&
+          u.forEach((p) => {
+            (p !== L || p.allowRecurse) && a.add(p);
+          });
+      };
+    if (t === "clear") s.forEach(c);
+    else if (r === "length" && V(e))
+      s.forEach((u, p) => {
+        (p === "length" || p >= n) && c(u);
+      });
+    else
+      switch ((r !== void 0 && c(s.get(r)), t)) {
+        case "add":
+          V(e)
+            ? Ue(r) && c(s.get("length"))
+            : (c(s.get(Q)), oe(e) && c(s.get(Pt)));
+          break;
+        case "delete":
+          V(e) || (c(s.get(Q)), oe(e) && c(s.get(Pt)));
+          break;
+        case "set":
+          oe(e) && c(s.get(Q));
+          break;
+      }
+    let l = (u) => {
+      (u.options.onTrigger &&
+        u.options.onTrigger({
+          effect: u,
+          target: e,
+          key: r,
+          type: t,
+          newValue: n,
+          oldValue: i,
+          oldTarget: o,
+        }),
+        u.options.scheduler ? u.options.scheduler(u) : u());
+    };
+    a.forEach(l);
+  }
+  var wi = Rt("__proto__,__v_isRef,__isVue"),
+    an = new Set(
+      Object.getOwnPropertyNames(Symbol)
+        .map((e) => Symbol[e])
+        .filter(qe),
+    ),
+    Ei = cn();
+  var vi = cn(!0);
+  var Xr = Si();
+  function Si() {
+    let e = {};
+    return (
+      ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
+        e[t] = function (...r) {
+          let n = _(this);
+          for (let o = 0, s = this.length; o < s; o++) M(n, "get", o + "");
+          let i = n[t](...r);
+          return i === -1 || i === !1 ? n[t](...r.map(_)) : i;
+        };
+      }),
+      ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
+        e[t] = function (...r) {
+          yi();
+          let n = _(this)[t].apply(this, r);
+          return (sn(), n);
+        };
+      }),
+      e
+    );
+  }
+  function cn(e = !1, t = !1) {
+    return function (n, i, o) {
+      if (i === "__v_isReactive") return !e;
+      if (i === "__v_isReadonly") return e;
+      if (i === "__v_raw" && o === (e ? (t ? Bi : dn) : t ? Fi : fn).get(n))
+        return n;
+      let s = V(n);
+      if (!e && s && ye(Xr, i)) return Reflect.get(Xr, i, o);
+      let a = Reflect.get(n, i, o);
+      return (qe(i) ? an.has(i) : wi(i)) || (e || M(n, "get", i), t)
+        ? a
+        : It(a)
+          ? !s || !Ue(i)
+            ? a.value
+            : a
+          : be(a)
+            ? e
+              ? pn(a)
+              : et(a)
+            : a;
+    };
+  }
+  var Ai = Oi();
+  function Oi(e = !1) {
+    return function (r, n, i, o) {
+      let s = r[n];
+      if (!e && ((i = _(i)), (s = _(s)), !V(r) && It(s) && !It(i)))
+        return ((s.value = i), !0);
+      let a = V(r) && Ue(n) ? Number(n) < r.length : ye(r, n),
+        c = Reflect.set(r, n, i, o);
+      return (
+        r === _(o) &&
+          (a ? kt(i, s) && U(r, "set", n, i, s) : U(r, "add", n, i)),
+        c
+      );
+    };
+  }
+  function Ci(e, t) {
+    let r = ye(e, t),
+      n = e[t],
+      i = Reflect.deleteProperty(e, t);
+    return (i && r && U(e, "delete", t, void 0, n), i);
+  }
+  function Ti(e, t) {
+    let r = Reflect.has(e, t);
+    return ((!qe(t) || !an.has(t)) && M(e, "has", t), r);
+  }
+  function Ri(e) {
+    return (M(e, "iterate", V(e) ? "length" : Q), Reflect.ownKeys(e));
+  }
+  var Mi = { get: Ei, set: Ai, deleteProperty: Ci, has: Ti, ownKeys: Ri },
+    Ni = {
+      get: vi,
+      set(e, t) {
+        return (
+          console.warn(
+            `Set operation on key "${String(t)}" failed: target is readonly.`,
+            e,
+          ),
+          !0
+        );
+      },
+      deleteProperty(e, t) {
+        return (
+          console.warn(
+            `Delete operation on key "${String(t)}" failed: target is readonly.`,
+            e,
+          ),
+          !0
+        );
+      },
+    };
+  var $t = (e) => (be(e) ? et(e) : e),
+    jt = (e) => (be(e) ? pn(e) : e),
+    Ft = (e) => e,
+    Qe = (e) => Reflect.getPrototypeOf(e);
+  function Ge(e, t, r = !1, n = !1) {
+    e = e.__v_raw;
+    let i = _(e),
+      o = _(t);
+    (t !== o && !r && M(i, "get", t), !r && M(i, "get", o));
+    let { has: s } = Qe(i),
+      a = n ? Ft : r ? jt : $t;
+    if (s.call(i, t)) return a(e.get(t));
+    if (s.call(i, o)) return a(e.get(o));
+    e !== i && e.get(t);
+  }
+  function Je(e, t = !1) {
+    let r = this.__v_raw,
+      n = _(r),
+      i = _(e);
+    return (
+      e !== i && !t && M(n, "has", e),
+      !t && M(n, "has", i),
+      e === i ? r.has(e) : r.has(e) || r.has(i)
+    );
+  }
+  function Ye(e, t = !1) {
+    return (
+      (e = e.__v_raw),
+      !t && M(_(e), "iterate", Q),
+      Reflect.get(e, "size", e)
+    );
+  }
+  function Zr(e) {
+    e = _(e);
+    let t = _(this);
+    return (Qe(t).has.call(t, e) || (t.add(e), U(t, "add", e, e)), this);
+  }
+  function Qr(e, t) {
+    t = _(t);
+    let r = _(this),
+      { has: n, get: i } = Qe(r),
+      o = n.call(r, e);
+    o ? un(r, n, e) : ((e = _(e)), (o = n.call(r, e)));
+    let s = i.call(r, e);
+    return (
+      r.set(e, t),
+      o ? kt(t, s) && U(r, "set", e, t, s) : U(r, "add", e, t),
+      this
+    );
+  }
+  function en(e) {
+    let t = _(this),
+      { has: r, get: n } = Qe(t),
+      i = r.call(t, e);
+    i ? un(t, r, e) : ((e = _(e)), (i = r.call(t, e)));
+    let o = n ? n.call(t, e) : void 0,
+      s = t.delete(e);
+    return (i && U(t, "delete", e, void 0, o), s);
+  }
+  function tn() {
+    let e = _(this),
+      t = e.size !== 0,
+      r = oe(e) ? new Map(e) : new Set(e),
+      n = e.clear();
+    return (t && U(e, "clear", void 0, void 0, r), n);
+  }
+  function Xe(e, t) {
+    return function (n, i) {
+      let o = this,
+        s = o.__v_raw,
+        a = _(s),
+        c = t ? Ft : e ? jt : $t;
+      return (
+        !e && M(a, "iterate", Q),
+        s.forEach((l, u) => n.call(i, c(l), c(u), o))
+      );
+    };
+  }
+  function Ze(e, t, r) {
+    return function (...n) {
+      let i = this.__v_raw,
+        o = _(i),
+        s = oe(o),
+        a = e === "entries" || (e === Symbol.iterator && s),
+        c = e === "keys" && s,
+        l = i[e](...n),
+        u = r ? Ft : t ? jt : $t;
+      return (
+        !t && M(o, "iterate", c ? Pt : Q),
+        {
+          next() {
+            let { value: p, done: h } = l.next();
+            return h
+              ? { value: p, done: h }
+              : { value: a ? [u(p[0]), u(p[1])] : u(p), done: h };
+          },
+          [Symbol.iterator]() {
+            return this;
+          },
+        }
+      );
+    };
+  }
+  function q(e) {
+    return function (...t) {
+      {
+        let r = t[0] ? `on key "${t[0]}" ` : "";
+        console.warn(
+          `${Nt(e)} operation ${r}failed: target is readonly.`,
+          _(this),
+        );
+      }
+      return e === "delete" ? !1 : this;
+    };
+  }
+  function ki() {
+    let e = {
+        get(o) {
+          return Ge(this, o);
+        },
+        get size() {
+          return Ye(this);
+        },
+        has: Je,
+        add: Zr,
+        set: Qr,
+        delete: en,
+        clear: tn,
+        forEach: Xe(!1, !1),
+      },
+      t = {
+        get(o) {
+          return Ge(this, o, !1, !0);
+        },
+        get size() {
+          return Ye(this);
+        },
+        has: Je,
+        add: Zr,
+        set: Qr,
+        delete: en,
+        clear: tn,
+        forEach: Xe(!1, !0),
+      },
+      r = {
+        get(o) {
+          return Ge(this, o, !0);
+        },
+        get size() {
+          return Ye(this, !0);
+        },
+        has(o) {
+          return Je.call(this, o, !0);
+        },
+        add: q("add"),
+        set: q("set"),
+        delete: q("delete"),
+        clear: q("clear"),
+        forEach: Xe(!0, !1),
+      },
+      n = {
+        get(o) {
+          return Ge(this, o, !0, !0);
+        },
+        get size() {
+          return Ye(this, !0);
+        },
+        has(o) {
+          return Je.call(this, o, !0);
+        },
+        add: q("add"),
+        set: q("set"),
+        delete: q("delete"),
+        clear: q("clear"),
+        forEach: Xe(!0, !0),
+      };
+    return (
+      ["keys", "values", "entries", Symbol.iterator].forEach((o) => {
+        ((e[o] = Ze(o, !1, !1)),
+          (r[o] = Ze(o, !0, !1)),
+          (t[o] = Ze(o, !1, !0)),
+          (n[o] = Ze(o, !0, !0)));
+      }),
+      [e, r, t, n]
+    );
+  }
+  var [Di, Pi, Ii, Li] = ki();
+  function ln(e, t) {
+    let r = t ? (e ? Li : Ii) : e ? Pi : Di;
+    return (n, i, o) =>
+      i === "__v_isReactive"
+        ? !e
+        : i === "__v_isReadonly"
+          ? e
+          : i === "__v_raw"
+            ? n
+            : Reflect.get(ye(r, i) && i in n ? r : n, i, o);
+  }
+  var $i = { get: ln(!1, !1) };
+  var ji = { get: ln(!0, !1) };
+  function un(e, t, r) {
+    let n = _(r);
+    if (n !== r && t.call(e, n)) {
+      let i = Mt(e);
+      console.warn(
+        `Reactive ${i} contains both the raw and reactive versions of the same object${i === "Map" ? " as keys" : ""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`,
+      );
+    }
+  }
+  var fn = new WeakMap(),
+    Fi = new WeakMap(),
+    dn = new WeakMap(),
+    Bi = new WeakMap();
+  function zi(e) {
+    switch (e) {
+      case "Object":
+      case "Array":
+        return 1;
+      case "Map":
+      case "Set":
+      case "WeakMap":
+      case "WeakSet":
+        return 2;
+      default:
+        return 0;
+    }
+  }
+  function Ki(e) {
+    return e.__v_skip || !Object.isExtensible(e) ? 0 : zi(Mt(e));
+  }
+  function et(e) {
+    return e && e.__v_isReadonly ? e : mn(e, !1, Mi, $i, fn);
+  }
+  function pn(e) {
+    return mn(e, !0, Ni, ji, dn);
+  }
+  function mn(e, t, r, n, i) {
+    if (!be(e))
+      return (console.warn(`value cannot be made reactive: ${String(e)}`), e);
+    if (e.__v_raw && !(t && e.__v_isReactive)) return e;
+    let o = i.get(e);
+    if (o) return o;
+    let s = Ki(e);
+    if (s === 0) return e;
+    let a = new Proxy(e, s === 2 ? n : r);
+    return (i.set(e, a), a);
+  }
+  function _(e) {
+    return (e && _(e.__v_raw)) || e;
+  }
+  function It(e) {
+    return Boolean(e && e.__v_isRef === !0);
+  }
+  y("nextTick", () => ie);
+  y("dispatch", (e) => J.bind(J, e));
+  y("watch", (e, { evaluateLater: t, cleanup: r }) => (n, i) => {
+    let o = t(n),
+      a = ve(() => {
+        let c;
+        return (o((l) => (c = l)), c);
+      }, i);
+    r(a);
+  });
+  y("store", Kr);
+  y("data", (e) => Ce(e));
+  y("root", (e) => Y(e));
+  y(
+    "refs",
+    (e) => (e._x_refs_proxy || (e._x_refs_proxy = z(Hi(e))), e._x_refs_proxy),
+  );
+  function Hi(e) {
+    let t = [];
+    return (
+      j(e, (r) => {
+        r._x_refs && t.push(r._x_refs);
+      }),
+      t
+    );
+  }
+  var Bt = {};
+  function zt(e) {
+    return (Bt[e] || (Bt[e] = 0), ++Bt[e]);
+  }
+  function hn(e, t) {
+    return j(e, (r) => {
+      if (r._x_ids && r._x_ids[t]) return !0;
+    });
+  }
+  function _n(e, t) {
+    (e._x_ids || (e._x_ids = {}), e._x_ids[t] || (e._x_ids[t] = zt(t)));
+  }
+  y("id", (e, { cleanup: t }) => (r, n = null) => {
+    let i = `${r}${n ? `-${n}` : ""}`;
+    return Vi(e, i, t, () => {
+      let o = hn(e, r),
+        s = o ? o._x_ids[r] : zt(r);
+      return n ? `${r}-${s}-${n}` : `${r}-${s}`;
+    });
+  });
+  H((e, t) => {
+    e._x_id && (t._x_id = e._x_id);
+  });
+  function Vi(e, t, r, n) {
+    if ((e._x_id || (e._x_id = {}), e._x_id[t])) return e._x_id[t];
+    let i = n();
+    return (
+      (e._x_id[t] = i),
+      r(() => {
+        delete e._x_id[t];
+      }),
+      i
+    );
+  }
+  y("el", (e) => e);
+  gn("Focus", "focus", "focus");
+  gn("Persist", "persist", "persist");
+  function gn(e, t, r) {
+    y(t, (n) =>
+      E(
+        `You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,
+        n,
+      ),
+    );
+  }
+  d(
+    "modelable",
+    (e, { expression: t }, { effect: r, evaluateLater: n, cleanup: i }) => {
+      let o = n(t),
+        s = () => {
+          let u;
+          return (o((p) => (u = p)), u);
+        },
+        a = n(`${t} = __placeholder`),
+        c = (u) => a(() => {}, { scope: { __placeholder: u } }),
+        l = s();
+      (c(l),
+        queueMicrotask(() => {
+          if (!e._x_model) return;
+          e._x_removeModelListeners.default();
+          let u = e._x_model.get,
+            p = e._x_model.set,
+            h = Ve(
+              {
+                get() {
+                  return u();
+                },
+                set(w) {
+                  p(w);
+                },
+              },
+              {
+                get() {
+                  return s();
+                },
+                set(w) {
+                  c(w);
+                },
+              },
+            );
+          i(h);
+        }));
+    },
+  );
+  d("teleport", (e, { modifiers: t, expression: r }, { cleanup: n }) => {
+    e.tagName.toLowerCase() !== "template" &&
+      E("x-teleport can only be used on a <template> tag", e);
+    let i = xn(r),
+      o = e.content.cloneNode(!0).firstElementChild;
+    ((e._x_teleport = o),
+      (o._x_teleportBack = e),
+      e.setAttribute("data-teleport-template", !0),
+      o.setAttribute("data-teleport-target", !0),
+      e._x_forwardEvents &&
+        e._x_forwardEvents.forEach((a) => {
+          o.addEventListener(a, (c) => {
+            (c.stopPropagation(),
+              e.dispatchEvent(new c.constructor(c.type, c)));
+          });
+        }),
+      k(o, {}, e));
+    let s = (a, c, l) => {
+      l.includes("prepend")
+        ? c.parentNode.insertBefore(a, c)
+        : l.includes("append")
+          ? c.parentNode.insertBefore(a, c.nextSibling)
+          : c.appendChild(a);
+    };
+    (m(() => {
+      (s(o, i, t),
+        A(() => {
+          S(o);
+        })());
+    }),
+      (e._x_teleportPutBack = () => {
+        let a = xn(r);
+        m(() => {
+          s(e._x_teleport, a, t);
+        });
+      }),
+      n(() =>
+        m(() => {
+          (o.remove(), P(o));
+        }),
+      ));
+  });
+  var qi = document.createElement("div");
+  function xn(e) {
+    let t = A(
+      () => document.querySelector(e),
+      () => qi,
+    )();
+    return (t || E(`Cannot find x-teleport element for selector: "${e}"`), t);
+  }
+  var yn = () => {};
+  yn.inline = (e, { modifiers: t }, { cleanup: r }) => {
+    (t.includes("self") ? (e._x_ignoreSelf = !0) : (e._x_ignore = !0),
+      r(() => {
+        t.includes("self") ? delete e._x_ignoreSelf : delete e._x_ignore;
+      }));
+  };
+  d("ignore", yn);
+  d(
+    "effect",
+    A((e, { expression: t }, { effect: r }) => {
+      r(x(e, t));
+    }),
+  );
+  function ae(e, t, r, n) {
+    let i = e,
+      o = (c) => n(c),
+      s = {},
+      a = (c, l) => (u) => l(c, u);
+    if (
+      (r.includes("dot") && (t = Ui(t)),
+      r.includes("camel") && (t = Wi(t)),
+      r.includes("passive") && (s.passive = !0),
+      r.includes("capture") && (s.capture = !0),
+      r.includes("window") && (i = window),
+      r.includes("document") && (i = document),
+      r.includes("debounce"))
+    ) {
+      let c = r[r.indexOf("debounce") + 1] || "invalid-wait",
+        l = tt(c.split("ms")[0]) ? Number(c.split("ms")[0]) : 250;
+      o = Ke(o, l);
+    }
+    if (r.includes("throttle")) {
+      let c = r[r.indexOf("throttle") + 1] || "invalid-wait",
+        l = tt(c.split("ms")[0]) ? Number(c.split("ms")[0]) : 250;
+      o = He(o, l);
+    }
+    return (
+      r.includes("prevent") &&
+        (o = a(o, (c, l) => {
+          (l.preventDefault(), c(l));
+        })),
+      r.includes("stop") &&
+        (o = a(o, (c, l) => {
+          (l.stopPropagation(), c(l));
+        })),
+      r.includes("once") &&
+        (o = a(o, (c, l) => {
+          (c(l), i.removeEventListener(t, o, s));
+        })),
+      (r.includes("away") || r.includes("outside")) &&
+        ((i = document),
+        (o = a(o, (c, l) => {
+          e.contains(l.target) ||
+            (l.target.isConnected !== !1 &&
+              ((e.offsetWidth < 1 && e.offsetHeight < 1) ||
+                (e._x_isShown !== !1 && c(l))));
+        }))),
+      r.includes("self") &&
+        (o = a(o, (c, l) => {
+          l.target === e && c(l);
+        })),
+      (Ji(t) || wn(t)) &&
+        (o = a(o, (c, l) => {
+          Yi(l, r) || c(l);
+        })),
+      i.addEventListener(t, o, s),
+      () => {
+        i.removeEventListener(t, o, s);
+      }
+    );
+  }
+  function Ui(e) {
+    return e.replace(/-/g, ".");
+  }
+  function Wi(e) {
+    return e.toLowerCase().replace(/-(\w)/g, (t, r) => r.toUpperCase());
+  }
+  function tt(e) {
+    return !Array.isArray(e) && !isNaN(e);
+  }
+  function Gi(e) {
+    return [" ", "_"].includes(e)
+      ? e
+      : e
+          .replace(/([a-z])([A-Z])/g, "$1-$2")
+          .replace(/[_\s]/, "-")
+          .toLowerCase();
+  }
+  function Ji(e) {
+    return ["keydown", "keyup"].includes(e);
+  }
+  function wn(e) {
+    return ["contextmenu", "click", "mouse"].some((t) => e.includes(t));
+  }
+  function Yi(e, t) {
+    let r = t.filter(
+      (o) =>
+        ![
+          "window",
+          "document",
+          "prevent",
+          "stop",
+          "once",
+          "capture",
+          "self",
+          "away",
+          "outside",
+          "passive",
+        ].includes(o),
+    );
+    if (r.includes("debounce")) {
+      let o = r.indexOf("debounce");
+      r.splice(o, tt((r[o + 1] || "invalid-wait").split("ms")[0]) ? 2 : 1);
+    }
+    if (r.includes("throttle")) {
+      let o = r.indexOf("throttle");
+      r.splice(o, tt((r[o + 1] || "invalid-wait").split("ms")[0]) ? 2 : 1);
+    }
+    if (r.length === 0 || (r.length === 1 && bn(e.key).includes(r[0])))
+      return !1;
+    let i = ["ctrl", "shift", "alt", "meta", "cmd", "super"].filter((o) =>
+      r.includes(o),
+    );
+    return (
+      (r = r.filter((o) => !i.includes(o))),
+      !(
+        i.length > 0 &&
+        i.filter(
+          (s) => ((s === "cmd" || s === "super") && (s = "meta"), e[`${s}Key`]),
+        ).length === i.length &&
+        (wn(e.type) || bn(e.key).includes(r[0]))
+      )
+    );
+  }
+  function bn(e) {
+    if (!e) return [];
+    e = Gi(e);
+    let t = {
+      ctrl: "control",
+      slash: "/",
+      space: " ",
+      spacebar: " ",
+      cmd: "meta",
+      esc: "escape",
+      up: "arrow-up",
+      down: "arrow-down",
+      left: "arrow-left",
+      right: "arrow-right",
+      period: ".",
+      comma: ",",
+      equal: "=",
+      minus: "-",
+      underscore: "_",
+    };
+    return (
+      (t[e] = e),
+      Object.keys(t)
+        .map((r) => {
+          if (t[r] === e) return r;
+        })
+        .filter((r) => r)
+    );
+  }
+  d(
+    "model",
+    (e, { modifiers: t, expression: r }, { effect: n, cleanup: i }) => {
+      let o = e;
+      t.includes("parent") && (o = e.parentNode);
+      let s = x(o, r),
+        a;
+      typeof r == "string"
+        ? (a = x(o, `${r} = __placeholder`))
+        : typeof r == "function" && typeof r() == "string"
+          ? (a = x(o, `${r()} = __placeholder`))
+          : (a = () => {});
+      let c = () => {
+          let h;
+          return (s((w) => (h = w)), En(h) ? h.get() : h);
+        },
+        l = (h) => {
+          let w;
+          (s((F) => (w = F)),
+            En(w) ? w.set(h) : a(() => {}, { scope: { __placeholder: h } }));
+        };
+      typeof r == "string" &&
+        e.type === "radio" &&
+        m(() => {
+          e.hasAttribute("name") || e.setAttribute("name", r);
+        });
+      var u =
+        e.tagName.toLowerCase() === "select" ||
+        ["checkbox", "radio"].includes(e.type) ||
+        t.includes("lazy")
+          ? "change"
+          : "input";
+      let p = I
+        ? () => {}
+        : ae(e, u, t, (h) => {
+            l(Kt(e, t, h, c()));
+          });
+      if (
+        (t.includes("fill") &&
+          ([void 0, null, ""].includes(c()) ||
+            (ze(e) && Array.isArray(c())) ||
+            (e.tagName.toLowerCase() === "select" && e.multiple)) &&
+          l(Kt(e, t, { target: e }, c())),
+        e._x_removeModelListeners || (e._x_removeModelListeners = {}),
+        (e._x_removeModelListeners.default = p),
+        i(() => e._x_removeModelListeners.default()),
+        e.form)
+      ) {
+        let h = ae(e.form, "reset", [], (w) => {
+          ie(() => e._x_model && e._x_model.set(Kt(e, t, { target: e }, c())));
+        });
+        i(() => h());
+      }
+      ((e._x_model = {
+        get() {
+          return c();
+        },
+        set(h) {
+          l(h);
+        },
+      }),
+        (e._x_forceModelUpdate = (h) => {
+          (h === void 0 && typeof r == "string" && r.match(/\./) && (h = ""),
+            (window.fromModel = !0),
+            m(() => ge(e, "value", h)),
+            delete window.fromModel);
+        }),
+        n(() => {
+          let h = c();
+          (t.includes("unintrusive") && document.activeElement.isSameNode(e)) ||
+            e._x_forceModelUpdate(h);
+        }));
+    },
+  );
+  function Kt(e, t, r, n) {
+    return m(() => {
+      if (r instanceof CustomEvent && r.detail !== void 0)
+        return r.detail !== null && r.detail !== void 0
+          ? r.detail
+          : r.target.value;
+      if (ze(e))
+        if (Array.isArray(n)) {
+          let i = null;
+          return (
+            t.includes("number")
+              ? (i = Ht(r.target.value))
+              : t.includes("boolean")
+                ? (i = xe(r.target.value))
+                : (i = r.target.value),
+            r.target.checked
+              ? n.includes(i)
+                ? n
+                : n.concat([i])
+              : n.filter((o) => !Xi(o, i))
+          );
+        } else return r.target.checked;
+      else {
+        if (e.tagName.toLowerCase() === "select" && e.multiple)
+          return t.includes("number")
+            ? Array.from(r.target.selectedOptions).map((i) => {
+                let o = i.value || i.text;
+                return Ht(o);
+              })
+            : t.includes("boolean")
+              ? Array.from(r.target.selectedOptions).map((i) => {
+                  let o = i.value || i.text;
+                  return xe(o);
+                })
+              : Array.from(r.target.selectedOptions).map(
+                  (i) => i.value || i.text,
+                );
+        {
+          let i;
+          return (
+            Ot(e)
+              ? r.target.checked
+                ? (i = r.target.value)
+                : (i = n)
+              : (i = r.target.value),
+            t.includes("number")
+              ? Ht(i)
+              : t.includes("boolean")
+                ? xe(i)
+                : t.includes("trim")
+                  ? i.trim()
+                  : i
+          );
+        }
+      }
+    });
+  }
+  function Ht(e) {
+    let t = e ? parseFloat(e) : null;
+    return Zi(t) ? t : e;
+  }
+  function Xi(e, t) {
+    return e == t;
+  }
+  function Zi(e) {
+    return !Array.isArray(e) && !isNaN(e);
+  }
+  function En(e) {
+    return (
+      e !== null &&
+      typeof e == "object" &&
+      typeof e.get == "function" &&
+      typeof e.set == "function"
+    );
+  }
+  d("cloak", (e) =>
+    queueMicrotask(() => m(() => e.removeAttribute(C("cloak")))),
+  );
+  $e(() => `[${C("init")}]`);
+  d(
+    "init",
+    A((e, { expression: t }, { evaluate: r }) =>
+      typeof t == "string" ? !!t.trim() && r(t, {}, !1) : r(t, {}, !1),
+    ),
+  );
+  d("text", (e, { expression: t }, { effect: r, evaluateLater: n }) => {
+    let i = n(t);
+    r(() => {
+      i((o) => {
+        m(() => {
+          e.textContent = o;
+        });
+      });
+    });
+  });
+  d("html", (e, { expression: t }, { effect: r, evaluateLater: n }) => {
+    let i = n(t);
+    r(() => {
+      i((o) => {
+        m(() => {
+          ((e.innerHTML = o),
+            (e._x_ignoreSelf = !0),
+            S(e),
+            delete e._x_ignoreSelf);
+        });
+      });
+    });
+  });
+  ne(Pe(":", Ie(C("bind:"))));
+  var vn = (
+    e,
+    { value: t, modifiers: r, expression: n, original: i },
+    { effect: o, cleanup: s },
+  ) => {
+    if (!t) {
+      let c = {};
+      (qr(c),
+        x(e, n)(
+          (u) => {
+            Tt(e, u, i);
+          },
+          { scope: c },
+        ));
+      return;
+    }
+    if (t === "key") return Qi(e, n);
+    if (
+      e._x_inlineBindings &&
+      e._x_inlineBindings[t] &&
+      e._x_inlineBindings[t].extract
+    )
+      return;
+    let a = x(e, n);
+    (o(() =>
+      a((c) => {
+        (c === void 0 && typeof n == "string" && n.match(/\./) && (c = ""),
+          m(() => ge(e, t, c, r)));
+      }),
+    ),
+      s(() => {
+        (e._x_undoAddedClasses && e._x_undoAddedClasses(),
+          e._x_undoAddedStyles && e._x_undoAddedStyles());
+      }));
+  };
+  vn.inline = (e, { value: t, modifiers: r, expression: n }) => {
+    t &&
+      (e._x_inlineBindings || (e._x_inlineBindings = {}),
+      (e._x_inlineBindings[t] = { expression: n, extract: !1 }));
+  };
+  d("bind", vn);
+  function Qi(e, t) {
+    e._x_keyExpression = t;
+  }
+  Le(() => `[${C("data")}]`);
+  d("data", (e, { expression: t }, { cleanup: r }) => {
+    if (eo(e)) return;
+    t = t === "" ? "{}" : t;
+    let n = {};
+    fe(n, e);
+    let i = {};
+    Gr(i, n);
+    let o = R(e, t, { scope: i });
+    ((o === void 0 || o === !0) && (o = {}), fe(o, e));
+    let s = T(o);
+    Te(s);
+    let a = k(e, s);
+    (s.init && R(e, s.init),
+      r(() => {
+        (s.destroy && R(e, s.destroy), a());
+      }));
+  });
+  H((e, t) => {
+    e._x_dataStack &&
+      ((t._x_dataStack = e._x_dataStack),
+      t.setAttribute("data-has-alpine-state", !0));
+  });
+  function eo(e) {
+    return I ? (Be ? !0 : e.hasAttribute("data-has-alpine-state")) : !1;
+  }
+  d("show", (e, { modifiers: t, expression: r }, { effect: n }) => {
+    let i = x(e, r);
+    (e._x_doHide ||
+      (e._x_doHide = () => {
+        m(() => {
+          e.style.setProperty(
+            "display",
+            "none",
+            t.includes("important") ? "important" : void 0,
+          );
+        });
+      }),
+      e._x_doShow ||
+        (e._x_doShow = () => {
+          m(() => {
+            e.style.length === 1 && e.style.display === "none"
+              ? e.removeAttribute("style")
+              : e.style.removeProperty("display");
+          });
+        }));
+    let o = () => {
+        (e._x_doHide(), (e._x_isShown = !1));
+      },
+      s = () => {
+        (e._x_doShow(), (e._x_isShown = !0));
+      },
+      a = () => setTimeout(s),
+      c = he(
+        (p) => (p ? s() : o()),
+        (p) => {
+          typeof e._x_toggleAndCascadeWithTransitions == "function"
+            ? e._x_toggleAndCascadeWithTransitions(e, p, s, o)
+            : p
+              ? a()
+              : o();
+        },
+      ),
+      l,
+      u = !0;
+    n(() =>
+      i((p) => {
+        (!u && p === l) ||
+          (t.includes("immediate") && (p ? a() : o()), c(p), (l = p), (u = !1));
+      }),
+    );
+  });
+  d("for", (e, { expression: t }, { effect: r, cleanup: n }) => {
+    let i = ro(t),
+      o = x(e, i.items),
+      s = x(e, e._x_keyExpression || "index");
+    ((e._x_prevKeys = []),
+      (e._x_lookup = {}),
+      r(() => to(e, i, o, s)),
+      n(() => {
+        (Object.values(e._x_lookup).forEach((a) =>
+          m(() => {
+            (P(a), a.remove());
+          }),
+        ),
+          delete e._x_prevKeys,
+          delete e._x_lookup);
+      }));
+  });
+  function to(e, t, r, n) {
+    let i = (s) => typeof s == "object" && !Array.isArray(s),
+      o = e;
+    r((s) => {
+      (no(s) && s >= 0 && (s = Array.from(Array(s).keys(), (f) => f + 1)),
+        s === void 0 && (s = []));
+      let a = e._x_lookup,
+        c = e._x_prevKeys,
+        l = [],
+        u = [];
+      if (i(s))
+        s = Object.entries(s).map(([f, g]) => {
+          let b = Sn(t, g, f, s);
+          (n(
+            (v) => {
+              (u.includes(v) && E("Duplicate key on x-for", e), u.push(v));
+            },
+            { scope: { index: f, ...b } },
+          ),
+            l.push(b));
+        });
+      else
+        for (let f = 0; f < s.length; f++) {
+          let g = Sn(t, s[f], f, s);
+          (n(
+            (b) => {
+              (u.includes(b) && E("Duplicate key on x-for", e), u.push(b));
+            },
+            { scope: { index: f, ...g } },
+          ),
+            l.push(g));
+        }
+      let p = [],
+        h = [],
+        w = [],
+        F = [];
+      for (let f = 0; f < c.length; f++) {
+        let g = c[f];
+        u.indexOf(g) === -1 && w.push(g);
+      }
+      c = c.filter((f) => !w.includes(f));
+      let Ee = "template";
+      for (let f = 0; f < u.length; f++) {
+        let g = u[f],
+          b = c.indexOf(g);
+        if (b === -1) (c.splice(f, 0, g), p.push([Ee, f]));
+        else if (b !== f) {
+          let v = c.splice(f, 1)[0],
+            O = c.splice(b - 1, 1)[0];
+          (c.splice(f, 0, O), c.splice(b, 0, v), h.push([v, O]));
+        } else F.push(g);
+        Ee = g;
+      }
+      for (let f = 0; f < w.length; f++) {
+        let g = w[f];
+        g in a &&
+          (m(() => {
+            (P(a[g]), a[g].remove());
+          }),
+          delete a[g]);
+      }
+      for (let f = 0; f < h.length; f++) {
+        let [g, b] = h[f],
+          v = a[g],
+          O = a[b],
+          ee = document.createElement("div");
+        (m(() => {
+          (O || E('x-for ":key" is undefined or invalid', o, b, a),
+            O.after(ee),
+            v.after(O),
+            O._x_currentIfEl && O.after(O._x_currentIfEl),
+            ee.before(v),
+            v._x_currentIfEl && v.after(v._x_currentIfEl),
+            ee.remove());
+        }),
+          O._x_refreshXForScope(l[u.indexOf(b)]));
+      }
+      for (let f = 0; f < p.length; f++) {
+        let [g, b] = p[f],
+          v = g === "template" ? o : a[g];
+        v._x_currentIfEl && (v = v._x_currentIfEl);
+        let O = l[b],
+          ee = u[b],
+          ce = document.importNode(o.content, !0).firstElementChild,
+          qt = T(O);
+        (k(ce, qt, o),
+          (ce._x_refreshXForScope = (On) => {
+            Object.entries(On).forEach(([Cn, Tn]) => {
+              qt[Cn] = Tn;
+            });
+          }),
+          m(() => {
+            (v.after(ce), A(() => S(ce))());
+          }),
+          typeof ee == "object" &&
+            E(
+              "x-for key cannot be an object, it must be a string or an integer",
+              o,
+            ),
+          (a[ee] = ce));
+      }
+      for (let f = 0; f < F.length; f++)
+        a[F[f]]._x_refreshXForScope(l[u.indexOf(F[f])]);
+      o._x_prevKeys = u;
+    });
+  }
+  function ro(e) {
+    let t = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/,
+      r = /^\s*\(|\)\s*$/g,
+      n = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,
+      i = e.match(n);
+    if (!i) return;
+    let o = {};
+    o.items = i[2].trim();
+    let s = i[1].replace(r, "").trim(),
+      a = s.match(t);
+    return (
+      a
+        ? ((o.item = s.replace(t, "").trim()),
+          (o.index = a[1].trim()),
+          a[2] && (o.collection = a[2].trim()))
+        : (o.item = s),
+      o
+    );
+  }
+  function Sn(e, t, r, n) {
+    let i = {};
+    return (
+      /^\[.*\]$/.test(e.item) && Array.isArray(t)
+        ? e.item
+            .replace("[", "")
+            .replace("]", "")
+            .split(",")
+            .map((s) => s.trim())
+            .forEach((s, a) => {
+              i[s] = t[a];
+            })
+        : /^\{.*\}$/.test(e.item) && !Array.isArray(t) && typeof t == "object"
+          ? e.item
+              .replace("{", "")
+              .replace("}", "")
+              .split(",")
+              .map((s) => s.trim())
+              .forEach((s) => {
+                i[s] = t[s];
+              })
+          : (i[e.item] = t),
+      e.index && (i[e.index] = r),
+      e.collection && (i[e.collection] = n),
+      i
+    );
+  }
+  function no(e) {
+    return !Array.isArray(e) && !isNaN(e);
+  }
+  function An() {}
+  An.inline = (e, { expression: t }, { cleanup: r }) => {
+    let n = Y(e);
+    (n._x_refs || (n._x_refs = {}),
+      (n._x_refs[t] = e),
+      r(() => delete n._x_refs[t]));
+  };
+  d("ref", An);
+  d("if", (e, { expression: t }, { effect: r, cleanup: n }) => {
+    e.tagName.toLowerCase() !== "template" &&
+      E("x-if can only be used on a <template> tag", e);
+    let i = x(e, t),
+      o = () => {
+        if (e._x_currentIfEl) return e._x_currentIfEl;
+        let a = e.content.cloneNode(!0).firstElementChild;
+        return (
+          k(a, {}, e),
+          m(() => {
+            (e.after(a), A(() => S(a))());
+          }),
+          (e._x_currentIfEl = a),
+          (e._x_undoIf = () => {
+            (m(() => {
+              (P(a), a.remove());
+            }),
+              delete e._x_currentIfEl);
+          }),
+          a
+        );
+      },
+      s = () => {
+        e._x_undoIf && (e._x_undoIf(), delete e._x_undoIf);
+      };
+    (r(() =>
+      i((a) => {
+        a ? o() : s();
+      }),
+    ),
+      n(() => e._x_undoIf && e._x_undoIf()));
+  });
+  d("id", (e, { expression: t }, { evaluate: r }) => {
+    r(t).forEach((i) => _n(e, i));
+  });
+  H((e, t) => {
+    e._x_ids && (t._x_ids = e._x_ids);
+  });
+  ne(Pe("@", Ie(C("on:"))));
+  d(
+    "on",
+    A((e, { value: t, modifiers: r, expression: n }, { cleanup: i }) => {
+      let o = n ? x(e, n) : () => {};
+      e.tagName.toLowerCase() === "template" &&
+        (e._x_forwardEvents || (e._x_forwardEvents = []),
+        e._x_forwardEvents.includes(t) || e._x_forwardEvents.push(t));
+      let s = ae(e, t, r, (a) => {
+        o(() => {}, { scope: { $event: a }, params: [a] });
+      });
+      i(() => s());
+    }),
+  );
+  rt("Collapse", "collapse", "collapse");
+  rt("Intersect", "intersect", "intersect");
+  rt("Focus", "trap", "focus");
+  rt("Mask", "mask", "mask");
+  function rt(e, t, r) {
+    d(t, (n) =>
+      E(
+        `You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,
+        n,
+      ),
+    );
+  }
+  K.setEvaluator(xt);
+  K.setReactivityEngine({ reactive: et, effect: rn, release: nn, raw: _ });
+  var Vt = K;
+  window.Alpine = Vt;
+  queueMicrotask(() => {
+    Vt.start();
+  });
+})();
diff --git a/web/static/js/htmx.min.js b/web/static/js/htmx.min.js
new file mode 100644
index 0000000..bb0c5b4
--- /dev/null
+++ b/web/static/js/htmx.min.js
@@ -0,0 +1 @@
+var htmx=function(){"use strict";const Q={onLoad:null,process:null,on:null,off:null,trigger:null,ajax:null,find:null,findAll:null,closest:null,values:function(e,t){const n=dn(e,t||"post");return n.values},remove:null,addClass:null,removeClass:null,toggleClass:null,takeClass:null,swap:null,defineExtension:null,removeExtension:null,logAll:null,logNone:null,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",inlineStyleNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",scrollBehavior:"instant",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get","delete"],selfRequestsOnly:true,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null,disableInheritance:false,responseHandling:[{code:"204",swap:false},{code:"[23]..",swap:true},{code:"[45]..",swap:false,error:true}],allowNestedOobSwaps:true,historyRestoreAsHxRequest:true},parseInterval:null,location:location,_:null,version:"2.0.6"};Q.onLoad=j;Q.process=Ft;Q.on=xe;Q.off=be;Q.trigger=ae;Q.ajax=Ln;Q.find=f;Q.findAll=x;Q.closest=g;Q.remove=z;Q.addClass=K;Q.removeClass=G;Q.toggleClass=W;Q.takeClass=Z;Q.swap=$e;Q.defineExtension=zn;Q.removeExtension=$n;Q.logAll=V;Q.logNone=_;Q.parseInterval=d;Q._=e;const n={addTriggerHandler:St,bodyContains:se,canAccessLocalStorage:B,findThisElement:Se,filterValues:yn,swap:$e,hasAttribute:s,getAttributeValue:a,getClosestAttributeValue:ne,getClosestMatch:q,getExpressionVars:Tn,getHeaders:mn,getInputValues:dn,getInternalData:oe,getSwapSpecification:bn,getTriggerSpecs:st,getTarget:Ee,makeFragment:P,mergeObjects:le,makeSettleInfo:Sn,oobSwap:He,querySelectorExt:ue,settleImmediately:Yt,shouldCancel:ht,triggerEvent:ae,triggerErrorEvent:fe,withExtensions:jt};const de=["get","post","put","delete","patch"];const T=de.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e instanceof Element&&e.getAttribute(t)}function s(e,t){return!!e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function a(e,t){return ee(e,t)||ee(e,"data-"+t)}function u(e){const t=e.parentElement;if(!t&&e.parentNode instanceof ShadowRoot)return e.parentNode;return t}function te(){return document}function y(e,t){return e.getRootNode?e.getRootNode({composed:t}):te()}function q(e,t){while(e&&!t(e)){e=u(e)}return e||null}function o(e,t,n){const r=a(t,n);const o=a(t,"hx-disinherit");var i=a(t,"hx-inherit");if(e!==t){if(Q.config.disableInheritance){if(i&&(i==="*"||i.split(" ").indexOf(n)>=0)){return r}else{return null}}if(o&&(o==="*"||o.split(" ").indexOf(n)>=0)){return"unset"}}return r}function ne(t,n){let r=null;q(t,function(e){return!!(r=o(t,ce(e),n))});if(r!=="unset"){return r}}function h(e,t){return e instanceof Element&&e.matches(t)}function A(e){const t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;const n=t.exec(e);if(n){return n[1].toLowerCase()}else{return""}}function L(e){const t=new DOMParser;return t.parseFromString(e,"text/html")}function N(e,t){while(t.childNodes.length>0){e.append(t.childNodes[0])}}function r(e){const t=te().createElement("script");ie(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(Q.config.inlineScriptNonce){t.nonce=Q.config.inlineScriptNonce}return t}function i(e){return e.matches("script")&&(e.type==="text/javascript"||e.type==="module"||e.type==="")}function I(e){Array.from(e.querySelectorAll("script")).forEach(e=>{if(i(e)){const t=r(e);const n=e.parentNode;try{n.insertBefore(t,e)}catch(e){R(e)}finally{e.remove()}}})}function P(e){const t=e.replace(/<head(\s[^>]*)?>[\s\S]*?<\/head>/i,"");const n=A(t);let r;if(n==="html"){r=new DocumentFragment;const i=L(e);N(r,i.body);r.title=i.title}else if(n==="body"){r=new DocumentFragment;const i=L(t);N(r,i.body);r.title=i.title}else{const i=L('<body><template class="internal-htmx-wrapper">'+t+"</template></body>");r=i.querySelector("template").content;r.title=i.title;var o=r.querySelector("title");if(o&&o.parentNode===r){o.remove();r.title=o.innerText}}if(r){if(Q.config.allowScriptTags){I(r)}else{r.querySelectorAll("script").forEach(e=>e.remove())}}return r}function re(e){if(e){e()}}function t(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function D(e){return typeof e==="function"}function k(e){return t(e,"Object")}function oe(e){const t="htmx-internal-data";let n=e[t];if(!n){n=e[t]={}}return n}function M(t){const n=[];if(t){for(let e=0;e<t.length;e++){n.push(t[e])}}return n}function ie(t,n){if(t){for(let e=0;e<t.length;e++){n(t[e])}}}function F(e){const t=e.getBoundingClientRect();const n=t.top;const r=t.bottom;return n<window.innerHeight&&r>=0}function se(e){return e.getRootNode({composed:true})===document}function X(e){return e.trim().split(/\s+/)}function le(e,t){for(const n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}return e}function v(e){try{return JSON.parse(e)}catch(e){R(e);return null}}function B(){const e="htmx:sessionStorageTest";try{sessionStorage.setItem(e,e);sessionStorage.removeItem(e);return true}catch(e){return false}}function U(e){const t=new URL(e,"http://x");if(t){e=t.pathname+t.search}if(e!="/"){e=e.replace(/\/+$/,"")}return e}function e(e){return On(te().body,function(){return eval(e)})}function j(t){const e=Q.on("htmx:load",function(e){t(e.detail.elt)});return e}function V(){Q.logger=function(e,t,n){if(console){console.log(t,e,n)}}}function _(){Q.logger=null}function f(e,t){if(typeof e!=="string"){return e.querySelector(t)}else{return f(te(),e)}}function x(e,t){if(typeof e!=="string"){return e.querySelectorAll(t)}else{return x(te(),e)}}function b(){return window}function z(e,t){e=w(e);if(t){b().setTimeout(function(){z(e);e=null},t)}else{u(e).removeChild(e)}}function ce(e){return e instanceof Element?e:null}function $(e){return e instanceof HTMLElement?e:null}function J(e){return typeof e==="string"?e:null}function p(e){return e instanceof Element||e instanceof Document||e instanceof DocumentFragment?e:null}function K(e,t,n){e=ce(w(e));if(!e){return}if(n){b().setTimeout(function(){K(e,t);e=null},n)}else{e.classList&&e.classList.add(t)}}function G(e,t,n){let r=ce(w(e));if(!r){return}if(n){b().setTimeout(function(){G(r,t);r=null},n)}else{if(r.classList){r.classList.remove(t);if(r.classList.length===0){r.removeAttribute("class")}}}}function W(e,t){e=w(e);e.classList.toggle(t)}function Z(e,t){e=w(e);ie(e.parentElement.children,function(e){G(e,t)});K(ce(e),t)}function g(e,t){e=ce(w(e));if(e){return e.closest(t)}return null}function l(e,t){return e.substring(0,t.length)===t}function Y(e,t){return e.substring(e.length-t.length)===t}function pe(e){const t=e.trim();if(l(t,"<")&&Y(t,"/>")){return t.substring(1,t.length-2)}else{return t}}function m(t,r,n){if(r.indexOf("global ")===0){return m(t,r.slice(7),true)}t=w(t);const o=[];{let t=0;let n=0;for(let e=0;e<r.length;e++){const l=r[e];if(l===","&&t===0){o.push(r.substring(n,e));n=e+1;continue}if(l==="<"){t++}else if(l==="/"&&e<r.length-1&&r[e+1]===">"){t--}}if(n<r.length){o.push(r.substring(n))}}const i=[];const s=[];while(o.length>0){const r=pe(o.shift());let e;if(r.indexOf("closest ")===0){e=g(ce(t),pe(r.slice(8)))}else if(r.indexOf("find ")===0){e=f(p(t),pe(r.slice(5)))}else if(r==="next"||r==="nextElementSibling"){e=ce(t).nextElementSibling}else if(r.indexOf("next ")===0){e=ge(t,pe(r.slice(5)),!!n)}else if(r==="previous"||r==="previousElementSibling"){e=ce(t).previousElementSibling}else if(r.indexOf("previous ")===0){e=me(t,pe(r.slice(9)),!!n)}else if(r==="document"){e=document}else if(r==="window"){e=window}else if(r==="body"){e=document.body}else if(r==="root"){e=y(t,!!n)}else if(r==="host"){e=t.getRootNode().host}else{s.push(r)}if(e){i.push(e)}}if(s.length>0){const e=s.join(",");const c=p(y(t,!!n));i.push(...M(c.querySelectorAll(e)))}return i}var ge=function(t,e,n){const r=p(y(t,n)).querySelectorAll(e);for(let e=0;e<r.length;e++){const o=r[e];if(o.compareDocumentPosition(t)===Node.DOCUMENT_POSITION_PRECEDING){return o}}};var me=function(t,e,n){const r=p(y(t,n)).querySelectorAll(e);for(let e=r.length-1;e>=0;e--){const o=r[e];if(o.compareDocumentPosition(t)===Node.DOCUMENT_POSITION_FOLLOWING){return o}}};function ue(e,t){if(typeof e!=="string"){return m(e,t)[0]}else{return m(te().body,e)[0]}}function w(e,t){if(typeof e==="string"){return f(p(t)||document,e)}else{return e}}function ye(e,t,n,r){if(D(t)){return{target:te().body,event:J(e),listener:t,options:n}}else{return{target:w(e),event:J(t),listener:n,options:r}}}function xe(t,n,r,o){Gn(function(){const e=ye(t,n,r,o);e.target.addEventListener(e.event,e.listener,e.options)});const e=D(n);return e?n:r}function be(t,n,r){Gn(function(){const e=ye(t,n,r);e.target.removeEventListener(e.event,e.listener)});return D(n)?n:r}const ve=te().createElement("output");function we(t,n){const e=ne(t,n);if(e){if(e==="this"){return[Se(t,n)]}else{const r=m(t,e);const o=/(^|,)(\s*)inherit(\s*)($|,)/.test(e);if(o){const i=ce(q(t,function(e){return e!==t&&s(ce(e),n)}));if(i){r.push(...we(i,n))}}if(r.length===0){R('The selector "'+e+'" on '+n+" returned no matches!");return[ve]}else{return r}}}}function Se(e,t){return ce(q(e,function(e){return a(ce(e),t)!=null}))}function Ee(e){const t=ne(e,"hx-target");if(t){if(t==="this"){return Se(e,"hx-target")}else{return ue(e,t)}}else{const n=oe(e);if(n.boosted){return te().body}else{return e}}}function Ce(e){return Q.config.attributesToSettle.includes(e)}function Oe(t,n){ie(t.attributes,function(e){if(!n.hasAttribute(e.name)&&Ce(e.name)){t.removeAttribute(e.name)}});ie(n.attributes,function(e){if(Ce(e.name)){t.setAttribute(e.name,e.value)}})}function Re(t,e){const n=Jn(e);for(let e=0;e<n.length;e++){const r=n[e];try{if(r.isInlineSwap(t)){return true}}catch(e){R(e)}}return t==="outerHTML"}function He(e,o,i,t){t=t||te();let n="#"+CSS.escape(ee(o,"id"));let s="outerHTML";if(e==="true"){}else if(e.indexOf(":")>0){s=e.substring(0,e.indexOf(":"));n=e.substring(e.indexOf(":")+1)}else{s=e}o.removeAttribute("hx-swap-oob");o.removeAttribute("data-hx-swap-oob");const r=m(t,n,false);if(r.length){ie(r,function(e){let t;const n=o.cloneNode(true);t=te().createDocumentFragment();t.appendChild(n);if(!Re(s,e)){t=p(n)}const r={shouldSwap:true,target:e,fragment:t};if(!ae(e,"htmx:oobBeforeSwap",r))return;e=r.target;if(r.shouldSwap){qe(t);_e(s,e,e,t,i);Te()}ie(i.elts,function(e){ae(e,"htmx:oobAfterSwap",r)})});o.parentNode.removeChild(o)}else{o.parentNode.removeChild(o);fe(te().body,"htmx:oobErrorNoTarget",{content:o})}return e}function Te(){const e=f("#--htmx-preserve-pantry--");if(e){for(const t of[...e.children]){const n=f("#"+t.id);n.parentNode.moveBefore(t,n);n.remove()}e.remove()}}function qe(e){ie(x(e,"[hx-preserve], [data-hx-preserve]"),function(e){const t=a(e,"id");const n=te().getElementById(t);if(n!=null){if(e.moveBefore){let e=f("#--htmx-preserve-pantry--");if(e==null){te().body.insertAdjacentHTML("afterend","<div id='--htmx-preserve-pantry--'></div>");e=f("#--htmx-preserve-pantry--")}e.moveBefore(n,null)}else{e.parentNode.replaceChild(n,e)}}})}function Ae(l,e,c){ie(e.querySelectorAll("[id]"),function(t){const n=ee(t,"id");if(n&&n.length>0){const r=n.replace("'","\\'");const o=t.tagName.replace(":","\\:");const e=p(l);const i=e&&e.querySelector(o+"[id='"+r+"']");if(i&&i!==e){const s=t.cloneNode();Oe(t,i);c.tasks.push(function(){Oe(t,s)})}}})}function Le(e){return function(){G(e,Q.config.addedClass);Ft(ce(e));Ne(p(e));ae(e,"htmx:load")}}function Ne(e){const t="[autofocus]";const n=$(h(e,t)?e:e.querySelector(t));if(n!=null){n.focus()}}function c(e,t,n,r){Ae(e,n,r);while(n.childNodes.length>0){const o=n.firstChild;K(ce(o),Q.config.addedClass);e.insertBefore(o,t);if(o.nodeType!==Node.TEXT_NODE&&o.nodeType!==Node.COMMENT_NODE){r.tasks.push(Le(o))}}}function Ie(e,t){let n=0;while(n<e.length){t=(t<<5)-t+e.charCodeAt(n++)|0}return t}function Pe(t){let n=0;for(let e=0;e<t.attributes.length;e++){const r=t.attributes[e];if(r.value){n=Ie(r.name,n);n=Ie(r.value,n)}}return n}function De(t){const n=oe(t);if(n.onHandlers){for(let e=0;e<n.onHandlers.length;e++){const r=n.onHandlers[e];be(t,r.event,r.listener)}delete n.onHandlers}}function ke(e){const t=oe(e);if(t.timeout){clearTimeout(t.timeout)}if(t.listenerInfos){ie(t.listenerInfos,function(e){if(e.on){be(e.on,e.trigger,e.listener)}})}De(e);ie(Object.keys(t),function(e){if(e!=="firstInitCompleted")delete t[e]})}function S(e){ae(e,"htmx:beforeCleanupElement");ke(e);ie(e.children,function(e){S(e)})}function Me(t,e,n){if(t.tagName==="BODY"){return Ve(t,e,n)}let r;const o=t.previousSibling;const i=u(t);if(!i){return}c(i,t,e,n);if(o==null){r=i.firstChild}else{r=o.nextSibling}n.elts=n.elts.filter(function(e){return e!==t});while(r&&r!==t){if(r instanceof Element){n.elts.push(r)}r=r.nextSibling}S(t);t.remove()}function Fe(e,t,n){return c(e,e.firstChild,t,n)}function Xe(e,t,n){return c(u(e),e,t,n)}function Be(e,t,n){return c(e,null,t,n)}function Ue(e,t,n){return c(u(e),e.nextSibling,t,n)}function je(e){S(e);const t=u(e);if(t){return t.removeChild(e)}}function Ve(e,t,n){const r=e.firstChild;c(e,r,t,n);if(r){while(r.nextSibling){S(r.nextSibling);e.removeChild(r.nextSibling)}S(r);e.removeChild(r)}}function _e(t,e,n,r,o){switch(t){case"none":return;case"outerHTML":Me(n,r,o);return;case"afterbegin":Fe(n,r,o);return;case"beforebegin":Xe(n,r,o);return;case"beforeend":Be(n,r,o);return;case"afterend":Ue(n,r,o);return;case"delete":je(n);return;default:var i=Jn(e);for(let e=0;e<i.length;e++){const s=i[e];try{const l=s.handleSwap(t,n,r,o);if(l){if(Array.isArray(l)){for(let e=0;e<l.length;e++){const c=l[e];if(c.nodeType!==Node.TEXT_NODE&&c.nodeType!==Node.COMMENT_NODE){o.tasks.push(Le(c))}}}return}}catch(e){R(e)}}if(t==="innerHTML"){Ve(n,r,o)}else{_e(Q.config.defaultSwapStyle,e,n,r,o)}}}function ze(e,n,r){var t=x(e,"[hx-swap-oob], [data-hx-swap-oob]");ie(t,function(e){if(Q.config.allowNestedOobSwaps||e.parentElement===null){const t=a(e,"hx-swap-oob");if(t!=null){He(t,e,n,r)}}else{e.removeAttribute("hx-swap-oob");e.removeAttribute("data-hx-swap-oob")}});return t.length>0}function $e(h,d,p,g){if(!g){g={}}let m=null;let n=null;let e=function(){re(g.beforeSwapCallback);h=w(h);const r=g.contextElement?y(g.contextElement,false):te();const e=document.activeElement;let t={};t={elt:e,start:e?e.selectionStart:null,end:e?e.selectionEnd:null};const o=Sn(h);if(p.swapStyle==="textContent"){h.textContent=d}else{let n=P(d);o.title=g.title||n.title;if(g.historyRequest){n=n.querySelector("[hx-history-elt],[data-hx-history-elt]")||n}if(g.selectOOB){const i=g.selectOOB.split(",");for(let t=0;t<i.length;t++){const s=i[t].split(":",2);let e=s[0].trim();if(e.indexOf("#")===0){e=e.substring(1)}const l=s[1]||"true";const c=n.querySelector("#"+e);if(c){He(l,c,o,r)}}}ze(n,o,r);ie(x(n,"template"),function(e){if(e.content&&ze(e.content,o,r)){e.remove()}});if(g.select){const u=te().createDocumentFragment();ie(n.querySelectorAll(g.select),function(e){u.appendChild(e)});n=u}qe(n);_e(p.swapStyle,g.contextElement,h,n,o);Te()}if(t.elt&&!se(t.elt)&&ee(t.elt,"id")){const f=document.getElementById(ee(t.elt,"id"));const a={preventScroll:p.focusScroll!==undefined?!p.focusScroll:!Q.config.defaultFocusScroll};if(f){if(t.start&&f.setSelectionRange){try{f.setSelectionRange(t.start,t.end)}catch(e){}}f.focus(a)}}h.classList.remove(Q.config.swappingClass);ie(o.elts,function(e){if(e.classList){e.classList.add(Q.config.settlingClass)}ae(e,"htmx:afterSwap",g.eventInfo)});re(g.afterSwapCallback);if(!p.ignoreTitle){Bn(o.title)}const n=function(){ie(o.tasks,function(e){e.call()});ie(o.elts,function(e){if(e.classList){e.classList.remove(Q.config.settlingClass)}ae(e,"htmx:afterSettle",g.eventInfo)});if(g.anchor){const e=ce(w("#"+g.anchor));if(e){e.scrollIntoView({block:"start",behavior:"auto"})}}En(o.elts,p);re(g.afterSettleCallback);re(m)};if(p.settleDelay>0){b().setTimeout(n,p.settleDelay)}else{n()}};let t=Q.config.globalViewTransitions;if(p.hasOwnProperty("transition")){t=p.transition}const r=g.contextElement||te();if(t&&ae(r,"htmx:beforeTransition",g.eventInfo)&&typeof Promise!=="undefined"&&document.startViewTransition){const o=new Promise(function(e,t){m=e;n=t});const i=e;e=function(){document.startViewTransition(function(){i();return o})}}try{if(p?.swapDelay&&p.swapDelay>0){b().setTimeout(e,p.swapDelay)}else{e()}}catch(e){fe(r,"htmx:swapError",g.eventInfo);re(n);throw e}}function Je(e,t,n){const r=e.getResponseHeader(t);if(r.indexOf("{")===0){const o=v(r);for(const i in o){if(o.hasOwnProperty(i)){let e=o[i];if(k(e)){n=e.target!==undefined?e.target:n}else{e={value:e}}ae(n,i,e)}}}else{const s=r.split(",");for(let e=0;e<s.length;e++){ae(n,s[e].trim(),[])}}}const Ke=/\s/;const E=/[\s,]/;const Ge=/[_$a-zA-Z]/;const We=/[_$a-zA-Z0-9]/;const Ze=['"',"'","/"];const C=/[^\s]/;const Ye=/[{(]/;const Qe=/[})]/;function et(e){const t=[];let n=0;while(n<e.length){if(Ge.exec(e.charAt(n))){var r=n;while(We.exec(e.charAt(n+1))){n++}t.push(e.substring(r,n+1))}else if(Ze.indexOf(e.charAt(n))!==-1){const o=e.charAt(n);var r=n;n++;while(n<e.length&&e.charAt(n)!==o){if(e.charAt(n)==="\\"){n++}n++}t.push(e.substring(r,n+1))}else{const i=e.charAt(n);t.push(i)}n++}return t}function tt(e,t,n){return Ge.exec(e.charAt(0))&&e!=="true"&&e!=="false"&&e!=="this"&&e!==n&&t!=="."}function nt(r,o,i){if(o[0]==="["){o.shift();let e=1;let t=" return (function("+i+"){ return (";let n=null;while(o.length>0){const s=o[0];if(s==="]"){e--;if(e===0){if(n===null){t=t+"true"}o.shift();t+=")})";try{const l=On(r,function(){return Function(t)()},function(){return true});l.source=t;return l}catch(e){fe(te().body,"htmx:syntax:error",{error:e,source:t});return null}}}else if(s==="["){e++}if(tt(s,n,i)){t+="(("+i+"."+s+") ? ("+i+"."+s+") : (window."+s+"))"}else{t=t+s}n=o.shift()}}}function O(e,t){let n="";while(e.length>0&&!t.test(e[0])){n+=e.shift()}return n}function rt(e){let t;if(e.length>0&&Ye.test(e[0])){e.shift();t=O(e,Qe).trim();e.shift()}else{t=O(e,E)}return t}const ot="input, textarea, select";function it(e,t,n){const r=[];const o=et(t);do{O(o,C);const l=o.length;const c=O(o,/[,\[\s]/);if(c!==""){if(c==="every"){const u={trigger:"every"};O(o,C);u.pollInterval=d(O(o,/[,\[\s]/));O(o,C);var i=nt(e,o,"event");if(i){u.eventFilter=i}r.push(u)}else{const f={trigger:c};var i=nt(e,o,"event");if(i){f.eventFilter=i}O(o,C);while(o.length>0&&o[0]!==","){const a=o.shift();if(a==="changed"){f.changed=true}else if(a==="once"){f.once=true}else if(a==="consume"){f.consume=true}else if(a==="delay"&&o[0]===":"){o.shift();f.delay=d(O(o,E))}else if(a==="from"&&o[0]===":"){o.shift();if(Ye.test(o[0])){var s=rt(o)}else{var s=O(o,E);if(s==="closest"||s==="find"||s==="next"||s==="previous"){o.shift();const h=rt(o);if(h.length>0){s+=" "+h}}}f.from=s}else if(a==="target"&&o[0]===":"){o.shift();f.target=rt(o)}else if(a==="throttle"&&o[0]===":"){o.shift();f.throttle=d(O(o,E))}else if(a==="queue"&&o[0]===":"){o.shift();f.queue=O(o,E)}else if(a==="root"&&o[0]===":"){o.shift();f[a]=rt(o)}else if(a==="threshold"&&o[0]===":"){o.shift();f[a]=O(o,E)}else{fe(e,"htmx:syntax:error",{token:o.shift()})}O(o,C)}r.push(f)}}if(o.length===l){fe(e,"htmx:syntax:error",{token:o.shift()})}O(o,C)}while(o[0]===","&&o.shift());if(n){n[t]=r}return r}function st(e){const t=a(e,"hx-trigger");let n=[];if(t){const r=Q.config.triggerSpecsCache;n=r&&r[t]||it(e,t,r)}if(n.length>0){return n}else if(h(e,"form")){return[{trigger:"submit"}]}else if(h(e,'input[type="button"], input[type="submit"]')){return[{trigger:"click"}]}else if(h(e,ot)){return[{trigger:"change"}]}else{return[{trigger:"click"}]}}function lt(e){oe(e).cancelled=true}function ct(e,t,n){const r=oe(e);r.timeout=b().setTimeout(function(){if(se(e)&&r.cancelled!==true){if(!pt(n,e,Bt("hx:poll:trigger",{triggerSpec:n,target:e}))){t(e)}ct(e,t,n)}},n.pollInterval)}function ut(e){return location.hostname===e.hostname&&ee(e,"href")&&ee(e,"href").indexOf("#")!==0}function ft(e){return g(e,Q.config.disableSelector)}function at(t,n,e){if(t instanceof HTMLAnchorElement&&ut(t)&&(t.target===""||t.target==="_self")||t.tagName==="FORM"&&String(ee(t,"method")).toLowerCase()!=="dialog"){n.boosted=true;let r,o;if(t.tagName==="A"){r="get";o=ee(t,"href")}else{const i=ee(t,"method");r=i?i.toLowerCase():"get";o=ee(t,"action");if(o==null||o===""){o=location.href}if(r==="get"&&o.includes("?")){o=o.replace(/\?[^#]+/,"")}}e.forEach(function(e){gt(t,function(e,t){const n=ce(e);if(ft(n)){S(n);return}he(r,o,n,t)},n,e,true)})}}function ht(e,t){if(e.type==="submit"||e.type==="click"){t=ce(e.target)||t;if(t.tagName==="FORM"){return true}if(t.form&&t.type==="submit"){return true}t=t.closest("a");if(t&&t.href&&(t.getAttribute("href")==="#"||t.getAttribute("href").indexOf("#")!==0)){return true}}return false}function dt(e,t){return oe(e).boosted&&e instanceof HTMLAnchorElement&&t.type==="click"&&(t.ctrlKey||t.metaKey)}function pt(e,t,n){const r=e.eventFilter;if(r){try{return r.call(t,n)!==true}catch(e){const o=r.source;fe(te().body,"htmx:eventFilter:error",{error:e,source:o});return true}}return false}function gt(l,c,e,u,f){const a=oe(l);let t;if(u.from){t=m(l,u.from)}else{t=[l]}if(u.changed){if(!("lastValue"in a)){a.lastValue=new WeakMap}t.forEach(function(e){if(!a.lastValue.has(u)){a.lastValue.set(u,new WeakMap)}a.lastValue.get(u).set(e,e.value)})}ie(t,function(i){const s=function(e){if(!se(l)){i.removeEventListener(u.trigger,s);return}if(dt(l,e)){return}if(f||ht(e,l)){e.preventDefault()}if(pt(u,l,e)){return}const t=oe(e);t.triggerSpec=u;if(t.handledFor==null){t.handledFor=[]}if(t.handledFor.indexOf(l)<0){t.handledFor.push(l);if(u.consume){e.stopPropagation()}if(u.target&&e.target){if(!h(ce(e.target),u.target)){return}}if(u.once){if(a.triggeredOnce){return}else{a.triggeredOnce=true}}if(u.changed){const n=e.target;const r=n.value;const o=a.lastValue.get(u);if(o.has(n)&&o.get(n)===r){return}o.set(n,r)}if(a.delayed){clearTimeout(a.delayed)}if(a.throttle){return}if(u.throttle>0){if(!a.throttle){ae(l,"htmx:trigger");c(l,e);a.throttle=b().setTimeout(function(){a.throttle=null},u.throttle)}}else if(u.delay>0){a.delayed=b().setTimeout(function(){ae(l,"htmx:trigger");c(l,e)},u.delay)}else{ae(l,"htmx:trigger");c(l,e)}}};if(e.listenerInfos==null){e.listenerInfos=[]}e.listenerInfos.push({trigger:u.trigger,listener:s,on:i});i.addEventListener(u.trigger,s)})}let mt=false;let yt=null;function xt(){if(!yt){yt=function(){mt=true};window.addEventListener("scroll",yt);window.addEventListener("resize",yt);setInterval(function(){if(mt){mt=false;ie(te().querySelectorAll("[hx-trigger*='revealed'],[data-hx-trigger*='revealed']"),function(e){bt(e)})}},200)}}function bt(e){if(!s(e,"data-hx-revealed")&&F(e)){e.setAttribute("data-hx-revealed","true");const t=oe(e);if(t.initHash){ae(e,"revealed")}else{e.addEventListener("htmx:afterProcessNode",function(){ae(e,"revealed")},{once:true})}}}function vt(e,t,n,r){const o=function(){if(!n.loaded){n.loaded=true;ae(e,"htmx:trigger");t(e)}};if(r>0){b().setTimeout(o,r)}else{o()}}function wt(t,n,e){let i=false;ie(de,function(r){if(s(t,"hx-"+r)){const o=a(t,"hx-"+r);i=true;n.path=o;n.verb=r;e.forEach(function(e){St(t,e,n,function(e,t){const n=ce(e);if(ft(n)){S(n);return}he(r,o,n,t)})})}});return i}function St(r,e,t,n){if(e.trigger==="revealed"){xt();gt(r,n,t,e);bt(ce(r))}else if(e.trigger==="intersect"){const o={};if(e.root){o.root=ue(r,e.root)}if(e.threshold){o.threshold=parseFloat(e.threshold)}const i=new IntersectionObserver(function(t){for(let e=0;e<t.length;e++){const n=t[e];if(n.isIntersecting){ae(r,"intersect");break}}},o);i.observe(ce(r));gt(ce(r),n,t,e)}else if(!t.firstInitCompleted&&e.trigger==="load"){if(!pt(e,r,Bt("load",{elt:r}))){vt(ce(r),n,t,e.delay)}}else if(e.pollInterval>0){t.polling=true;ct(ce(r),n,e)}else{gt(r,n,t,e)}}function Et(e){const t=ce(e);if(!t){return false}const n=t.attributes;for(let e=0;e<n.length;e++){const r=n[e].name;if(l(r,"hx-on:")||l(r,"data-hx-on:")||l(r,"hx-on-")||l(r,"data-hx-on-")){return true}}return false}const Ct=(new XPathEvaluator).createExpression('.//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") or'+' starts-with(name(), "hx-on-") or starts-with(name(), "data-hx-on-") ]]');function Ot(e,t){if(Et(e)){t.push(ce(e))}const n=Ct.evaluate(e);let r=null;while(r=n.iterateNext())t.push(ce(r))}function Rt(e){const t=[];if(e instanceof DocumentFragment){for(const n of e.childNodes){Ot(n,t)}}else{Ot(e,t)}return t}function Ht(e){if(e.querySelectorAll){const n=", [hx-boost] a, [data-hx-boost] a, a[hx-boost], a[data-hx-boost]";const r=[];for(const i in Vn){const s=Vn[i];if(s.getSelectors){var t=s.getSelectors();if(t){r.push(t)}}}const o=e.querySelectorAll(T+n+", form, [type='submit'],"+" [hx-ext], [data-hx-ext], [hx-trigger], [data-hx-trigger]"+r.flat().map(e=>", "+e).join(""));return o}else{return[]}}function Tt(e){const t=At(e.target);const n=Nt(e);if(n){n.lastButtonClicked=t}}function qt(e){const t=Nt(e);if(t){t.lastButtonClicked=null}}function At(e){return g(ce(e),"button, input[type='submit']")}function Lt(e){return e.form||g(e,"form")}function Nt(e){const t=At(e.target);if(!t){return}const n=Lt(t);return oe(n)}function It(e){e.addEventListener("click",Tt);e.addEventListener("focusin",Tt);e.addEventListener("focusout",qt)}function Pt(t,e,n){const r=oe(t);if(!Array.isArray(r.onHandlers)){r.onHandlers=[]}let o;const i=function(e){On(t,function(){if(ft(t)){return}if(!o){o=new Function("event",n)}o.call(t,e)})};t.addEventListener(e,i);r.onHandlers.push({event:e,listener:i})}function Dt(t){De(t);for(let e=0;e<t.attributes.length;e++){const n=t.attributes[e].name;const r=t.attributes[e].value;if(l(n,"hx-on")||l(n,"data-hx-on")){const o=n.indexOf("-on")+3;const i=n.slice(o,o+1);if(i==="-"||i===":"){let e=n.slice(o+1);if(l(e,":")){e="htmx"+e}else if(l(e,"-")){e="htmx:"+e.slice(1)}else if(l(e,"htmx-")){e="htmx:"+e.slice(5)}Pt(t,e,r)}}}}function kt(t){ae(t,"htmx:beforeProcessNode");const n=oe(t);const e=st(t);const r=wt(t,n,e);if(!r){if(ne(t,"hx-boost")==="true"){at(t,n,e)}else if(s(t,"hx-trigger")){e.forEach(function(e){St(t,e,n,function(){})})}}if(t.tagName==="FORM"||ee(t,"type")==="submit"&&s(t,"form")){It(t)}n.firstInitCompleted=true;ae(t,"htmx:afterProcessNode")}function Mt(e){if(!(e instanceof Element)){return false}const t=oe(e);const n=Pe(e);if(t.initHash!==n){ke(e);t.initHash=n;return true}return false}function Ft(e){e=w(e);if(ft(e)){S(e);return}const t=[];if(Mt(e)){t.push(e)}ie(Ht(e),function(e){if(ft(e)){S(e);return}if(Mt(e)){t.push(e)}});ie(Rt(e),Dt);ie(t,kt)}function Xt(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Bt(e,t){return new CustomEvent(e,{bubbles:true,cancelable:true,composed:true,detail:t})}function fe(e,t,n){ae(e,t,le({error:t},n))}function Ut(e){return e==="htmx:afterProcessNode"}function jt(e,t,n){ie(Jn(e,[],n),function(e){try{t(e)}catch(e){R(e)}})}function R(e){console.error(e)}function ae(e,t,n){e=w(e);if(n==null){n={}}n.elt=e;const r=Bt(t,n);if(Q.logger&&!Ut(t)){Q.logger(e,t,n)}if(n.error){R(n.error);ae(e,"htmx:error",{errorInfo:n})}let o=e.dispatchEvent(r);const i=Xt(t);if(o&&i!==t){const s=Bt(i,r.detail);o=o&&e.dispatchEvent(s)}jt(ce(e),function(e){o=o&&(e.onEvent(t,r)!==false&&!r.defaultPrevented)});return o}let Vt=location.pathname+location.search;function _t(e){Vt=e;if(B()){sessionStorage.setItem("htmx-current-path-for-history",e)}}function zt(){const e=te().querySelector("[hx-history-elt],[data-hx-history-elt]");return e||te().body}function $t(t,e){if(!B()){return}const n=Kt(e);const r=te().title;const o=window.scrollY;if(Q.config.historyCacheSize<=0){sessionStorage.removeItem("htmx-history-cache");return}t=U(t);const i=v(sessionStorage.getItem("htmx-history-cache"))||[];for(let e=0;e<i.length;e++){if(i[e].url===t){i.splice(e,1);break}}const s={url:t,content:n,title:r,scroll:o};ae(te().body,"htmx:historyItemCreated",{item:s,cache:i});i.push(s);while(i.length>Q.config.historyCacheSize){i.shift()}while(i.length>0){try{sessionStorage.setItem("htmx-history-cache",JSON.stringify(i));break}catch(e){fe(te().body,"htmx:historyCacheError",{cause:e,cache:i});i.shift()}}}function Jt(t){if(!B()){return null}t=U(t);const n=v(sessionStorage.getItem("htmx-history-cache"))||[];for(let e=0;e<n.length;e++){if(n[e].url===t){return n[e]}}return null}function Kt(e){const t=Q.config.requestClass;const n=e.cloneNode(true);ie(x(n,"."+t),function(e){G(e,t)});ie(x(n,"[data-disabled-by-htmx]"),function(e){e.removeAttribute("disabled")});return n.innerHTML}function Gt(){const e=zt();let t=Vt;if(B()){t=sessionStorage.getItem("htmx-current-path-for-history")}t=t||location.pathname+location.search;const n=te().querySelector('[hx-history="false" i],[data-hx-history="false" i]');if(!n){ae(te().body,"htmx:beforeHistorySave",{path:t,historyElt:e});$t(t,e)}if(Q.config.historyEnabled)history.replaceState({htmx:true},te().title,location.href)}function Wt(e){if(Q.config.getCacheBusterParam){e=e.replace(/org\.htmx\.cache-buster=[^&]*&?/,"");if(Y(e,"&")||Y(e,"?")){e=e.slice(0,-1)}}if(Q.config.historyEnabled){history.pushState({htmx:true},"",e)}_t(e)}function Zt(e){if(Q.config.historyEnabled)history.replaceState({htmx:true},"",e);_t(e)}function Yt(e){ie(e,function(e){e.call(undefined)})}function Qt(e){const t=new XMLHttpRequest;const n={swapStyle:"innerHTML",swapDelay:0,settleDelay:0};const r={path:e,xhr:t,historyElt:zt(),swapSpec:n};t.open("GET",e,true);if(Q.config.historyRestoreAsHxRequest){t.setRequestHeader("HX-Request","true")}t.setRequestHeader("HX-History-Restore-Request","true");t.setRequestHeader("HX-Current-URL",location.href);t.onload=function(){if(this.status>=200&&this.status<400){r.response=this.response;ae(te().body,"htmx:historyCacheMissLoad",r);$e(r.historyElt,r.response,n,{contextElement:r.historyElt,historyRequest:true});_t(r.path);ae(te().body,"htmx:historyRestore",{path:e,cacheMiss:true,serverResponse:r.response})}else{fe(te().body,"htmx:historyCacheMissLoadError",r)}};if(ae(te().body,"htmx:historyCacheMiss",r)){t.send()}}function en(e){Gt();e=e||location.pathname+location.search;const t=Jt(e);if(t){const n={swapStyle:"innerHTML",swapDelay:0,settleDelay:0,scroll:t.scroll};const r={path:e,item:t,historyElt:zt(),swapSpec:n};if(ae(te().body,"htmx:historyCacheHit",r)){$e(r.historyElt,t.content,n,{contextElement:r.historyElt,title:t.title});_t(r.path);ae(te().body,"htmx:historyRestore",r)}}else{if(Q.config.refreshOnHistoryMiss){Q.location.reload(true)}else{Qt(e)}}}function tn(e){let t=we(e,"hx-indicator");if(t==null){t=[e]}ie(t,function(e){const t=oe(e);t.requestCount=(t.requestCount||0)+1;e.classList.add.call(e.classList,Q.config.requestClass)});return t}function nn(e){let t=we(e,"hx-disabled-elt");if(t==null){t=[]}ie(t,function(e){const t=oe(e);t.requestCount=(t.requestCount||0)+1;e.setAttribute("disabled","");e.setAttribute("data-disabled-by-htmx","")});return t}function rn(e,t){ie(e.concat(t),function(e){const t=oe(e);t.requestCount=(t.requestCount||1)-1});ie(e,function(e){const t=oe(e);if(t.requestCount===0){e.classList.remove.call(e.classList,Q.config.requestClass)}});ie(t,function(e){const t=oe(e);if(t.requestCount===0){e.removeAttribute("disabled");e.removeAttribute("data-disabled-by-htmx")}})}function on(t,n){for(let e=0;e<t.length;e++){const r=t[e];if(r.isSameNode(n)){return true}}return false}function sn(e){const t=e;if(t.name===""||t.name==null||t.disabled||g(t,"fieldset[disabled]")){return false}if(t.type==="button"||t.type==="submit"||t.tagName==="image"||t.tagName==="reset"||t.tagName==="file"){return false}if(t.type==="checkbox"||t.type==="radio"){return t.checked}return true}function ln(t,e,n){if(t!=null&&e!=null){if(Array.isArray(e)){e.forEach(function(e){n.append(t,e)})}else{n.append(t,e)}}}function cn(t,n,r){if(t!=null&&n!=null){let e=r.getAll(t);if(Array.isArray(n)){e=e.filter(e=>n.indexOf(e)<0)}else{e=e.filter(e=>e!==n)}r.delete(t);ie(e,e=>r.append(t,e))}}function un(e){if(e instanceof HTMLSelectElement&&e.multiple){return M(e.querySelectorAll("option:checked")).map(function(e){return e.value})}if(e instanceof HTMLInputElement&&e.files){return M(e.files)}return e.value}function fn(t,n,r,e,o){if(e==null||on(t,e)){return}else{t.push(e)}if(sn(e)){const i=ee(e,"name");ln(i,un(e),n);if(o){an(e,r)}}if(e instanceof HTMLFormElement){ie(e.elements,function(e){if(t.indexOf(e)>=0){cn(e.name,un(e),n)}else{t.push(e)}if(o){an(e,r)}});new FormData(e).forEach(function(e,t){if(e instanceof File&&e.name===""){return}ln(t,e,n)})}}function an(e,t){const n=e;if(n.willValidate){ae(n,"htmx:validation:validate");if(!n.checkValidity()){t.push({elt:n,message:n.validationMessage,validity:n.validity});ae(n,"htmx:validation:failed",{message:n.validationMessage,validity:n.validity})}}}function hn(n,e){for(const t of e.keys()){n.delete(t)}e.forEach(function(e,t){n.append(t,e)});return n}function dn(e,t){const n=[];const r=new FormData;const o=new FormData;const i=[];const s=oe(e);if(s.lastButtonClicked&&!se(s.lastButtonClicked)){s.lastButtonClicked=null}let l=e instanceof HTMLFormElement&&e.noValidate!==true||a(e,"hx-validate")==="true";if(s.lastButtonClicked){l=l&&s.lastButtonClicked.formNoValidate!==true}if(t!=="get"){fn(n,o,i,Lt(e),l)}fn(n,r,i,e,l);if(s.lastButtonClicked||e.tagName==="BUTTON"||e.tagName==="INPUT"&&ee(e,"type")==="submit"){const u=s.lastButtonClicked||e;const f=ee(u,"name");ln(f,u.value,o)}const c=we(e,"hx-include");ie(c,function(e){fn(n,r,i,ce(e),l);if(!h(e,"form")){ie(p(e).querySelectorAll(ot),function(e){fn(n,r,i,e,l)})}});hn(r,o);return{errors:i,formData:r,values:kn(r)}}function pn(e,t,n){if(e!==""){e+="&"}if(String(n)==="[object Object]"){n=JSON.stringify(n)}const r=encodeURIComponent(n);e+=encodeURIComponent(t)+"="+r;return e}function gn(e){e=Pn(e);let n="";e.forEach(function(e,t){n=pn(n,t,e)});return n}function mn(e,t,n){const r={"HX-Request":"true","HX-Trigger":ee(e,"id"),"HX-Trigger-Name":ee(e,"name"),"HX-Target":a(t,"id"),"HX-Current-URL":location.href};Cn(e,"hx-headers",false,r);if(n!==undefined){r["HX-Prompt"]=n}if(oe(e).boosted){r["HX-Boosted"]="true"}return r}function yn(n,e){const t=ne(e,"hx-params");if(t){if(t==="none"){return new FormData}else if(t==="*"){return n}else if(t.indexOf("not ")===0){ie(t.slice(4).split(","),function(e){e=e.trim();n.delete(e)});return n}else{const r=new FormData;ie(t.split(","),function(t){t=t.trim();if(n.has(t)){n.getAll(t).forEach(function(e){r.append(t,e)})}});return r}}else{return n}}function xn(e){return!!ee(e,"href")&&ee(e,"href").indexOf("#")>=0}function bn(e,t){const n=t||ne(e,"hx-swap");const r={swapStyle:oe(e).boosted?"innerHTML":Q.config.defaultSwapStyle,swapDelay:Q.config.defaultSwapDelay,settleDelay:Q.config.defaultSettleDelay};if(Q.config.scrollIntoViewOnBoost&&oe(e).boosted&&!xn(e)){r.show="top"}if(n){const s=X(n);if(s.length>0){for(let e=0;e<s.length;e++){const l=s[e];if(l.indexOf("swap:")===0){r.swapDelay=d(l.slice(5))}else if(l.indexOf("settle:")===0){r.settleDelay=d(l.slice(7))}else if(l.indexOf("transition:")===0){r.transition=l.slice(11)==="true"}else if(l.indexOf("ignoreTitle:")===0){r.ignoreTitle=l.slice(12)==="true"}else if(l.indexOf("scroll:")===0){const c=l.slice(7);var o=c.split(":");const u=o.pop();var i=o.length>0?o.join(":"):null;r.scroll=u;r.scrollTarget=i}else if(l.indexOf("show:")===0){const f=l.slice(5);var o=f.split(":");const a=o.pop();var i=o.length>0?o.join(":"):null;r.show=a;r.showTarget=i}else if(l.indexOf("focus-scroll:")===0){const h=l.slice("focus-scroll:".length);r.focusScroll=h=="true"}else if(e==0){r.swapStyle=l}else{R("Unknown modifier in hx-swap: "+l)}}}}return r}function vn(e){return ne(e,"hx-encoding")==="multipart/form-data"||h(e,"form")&&ee(e,"enctype")==="multipart/form-data"}function wn(t,n,r){let o=null;jt(n,function(e){if(o==null){o=e.encodeParameters(t,r,n)}});if(o!=null){return o}else{if(vn(n)){return hn(new FormData,Pn(r))}else{return gn(r)}}}function Sn(e){return{tasks:[],elts:[e]}}function En(e,t){const n=e[0];const r=e[e.length-1];if(t.scroll){var o=null;if(t.scrollTarget){o=ce(ue(n,t.scrollTarget))}if(t.scroll==="top"&&(n||o)){o=o||n;o.scrollTop=0}if(t.scroll==="bottom"&&(r||o)){o=o||r;o.scrollTop=o.scrollHeight}if(typeof t.scroll==="number"){b().setTimeout(function(){window.scrollTo(0,t.scroll)},0)}}if(t.show){var o=null;if(t.showTarget){let e=t.showTarget;if(t.showTarget==="window"){e="body"}o=ce(ue(n,e))}if(t.show==="top"&&(n||o)){o=o||n;o.scrollIntoView({block:"start",behavior:Q.config.scrollBehavior})}if(t.show==="bottom"&&(r||o)){o=o||r;o.scrollIntoView({block:"end",behavior:Q.config.scrollBehavior})}}}function Cn(r,e,o,i,s){if(i==null){i={}}if(r==null){return i}const l=a(r,e);if(l){let e=l.trim();let t=o;if(e==="unset"){return null}if(e.indexOf("javascript:")===0){e=e.slice(11);t=true}else if(e.indexOf("js:")===0){e=e.slice(3);t=true}if(e.indexOf("{")!==0){e="{"+e+"}"}let n;if(t){n=On(r,function(){if(s){return Function("event","return ("+e+")").call(r,s)}else{return Function("return ("+e+")").call(r)}},{})}else{n=v(e)}for(const c in n){if(n.hasOwnProperty(c)){if(i[c]==null){i[c]=n[c]}}}}return Cn(ce(u(r)),e,o,i,s)}function On(e,t,n){if(Q.config.allowEval){return t()}else{fe(e,"htmx:evalDisallowedError");return n}}function Rn(e,t,n){return Cn(e,"hx-vars",true,n,t)}function Hn(e,t,n){return Cn(e,"hx-vals",false,n,t)}function Tn(e,t){return le(Rn(e,t),Hn(e,t))}function qn(t,n,r){if(r!==null){try{t.setRequestHeader(n,r)}catch(e){t.setRequestHeader(n,encodeURIComponent(r));t.setRequestHeader(n+"-URI-AutoEncoded","true")}}}function An(t){if(t.responseURL){try{const e=new URL(t.responseURL);return e.pathname+e.search}catch(e){fe(te().body,"htmx:badResponseUrl",{url:t.responseURL})}}}function H(e,t){return t.test(e.getAllResponseHeaders())}function Ln(t,n,r){t=t.toLowerCase();if(r){if(r instanceof Element||typeof r==="string"){return he(t,n,null,null,{targetOverride:w(r)||ve,returnPromise:true})}else{let e=w(r.target);if(r.target&&!e||r.source&&!e&&!w(r.source)){e=ve}return he(t,n,w(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:e,swapOverride:r.swap,select:r.select,returnPromise:true})}}else{return he(t,n,null,null,{returnPromise:true})}}function Nn(e){const t=[];while(e){t.push(e);e=e.parentElement}return t}function In(e,t,n){const r=new URL(t,location.protocol!=="about:"?location.href:window.origin);const o=location.protocol!=="about:"?location.origin:window.origin;const i=o===r.origin;if(Q.config.selfRequestsOnly){if(!i){return false}}return ae(e,"htmx:validateUrl",le({url:r,sameHost:i},n))}function Pn(e){if(e instanceof FormData)return e;const t=new FormData;for(const n in e){if(e.hasOwnProperty(n)){if(e[n]&&typeof e[n].forEach==="function"){e[n].forEach(function(e){t.append(n,e)})}else if(typeof e[n]==="object"&&!(e[n]instanceof Blob)){t.append(n,JSON.stringify(e[n]))}else{t.append(n,e[n])}}}return t}function Dn(r,o,e){return new Proxy(e,{get:function(t,e){if(typeof e==="number")return t[e];if(e==="length")return t.length;if(e==="push"){return function(e){t.push(e);r.append(o,e)}}if(typeof t[e]==="function"){return function(){t[e].apply(t,arguments);r.delete(o);t.forEach(function(e){r.append(o,e)})}}if(t[e]&&t[e].length===1){return t[e][0]}else{return t[e]}},set:function(e,t,n){e[t]=n;r.delete(o);e.forEach(function(e){r.append(o,e)});return true}})}function kn(o){return new Proxy(o,{get:function(e,t){if(typeof t==="symbol"){const r=Reflect.get(e,t);if(typeof r==="function"){return function(){return r.apply(o,arguments)}}else{return r}}if(t==="toJSON"){return()=>Object.fromEntries(o)}if(t in e){if(typeof e[t]==="function"){return function(){return o[t].apply(o,arguments)}}}const n=o.getAll(t);if(n.length===0){return undefined}else if(n.length===1){return n[0]}else{return Dn(e,t,n)}},set:function(t,n,e){if(typeof n!=="string"){return false}t.delete(n);if(e&&typeof e.forEach==="function"){e.forEach(function(e){t.append(n,e)})}else if(typeof e==="object"&&!(e instanceof Blob)){t.append(n,JSON.stringify(e))}else{t.append(n,e)}return true},deleteProperty:function(e,t){if(typeof t==="string"){e.delete(t)}return true},ownKeys:function(e){return Reflect.ownKeys(Object.fromEntries(e))},getOwnPropertyDescriptor:function(e,t){return Reflect.getOwnPropertyDescriptor(Object.fromEntries(e),t)}})}function he(t,n,r,o,i,k){let s=null;let l=null;i=i!=null?i:{};if(i.returnPromise&&typeof Promise!=="undefined"){var e=new Promise(function(e,t){s=e;l=t})}if(r==null){r=te().body}const M=i.handler||jn;const F=i.select||null;if(!se(r)){re(s);return e}const c=i.targetOverride||ce(Ee(r));if(c==null||c==ve){fe(r,"htmx:targetError",{target:ne(r,"hx-target")});re(l);return e}let u=oe(r);const f=u.lastButtonClicked;if(f){const A=ee(f,"formaction");if(A!=null){n=A}const L=ee(f,"formmethod");if(L!=null){if(de.includes(L.toLowerCase())){t=L}else{re(s);return e}}}const a=ne(r,"hx-confirm");if(k===undefined){const K=function(e){return he(t,n,r,o,i,!!e)};const G={target:c,elt:r,path:n,verb:t,triggeringEvent:o,etc:i,issueRequest:K,question:a};if(ae(r,"htmx:confirm",G)===false){re(s);return e}}let h=r;let d=ne(r,"hx-sync");let p=null;let X=false;if(d){const N=d.split(":");const I=N[0].trim();if(I==="this"){h=Se(r,"hx-sync")}else{h=ce(ue(r,I))}d=(N[1]||"drop").trim();u=oe(h);if(d==="drop"&&u.xhr&&u.abortable!==true){re(s);return e}else if(d==="abort"){if(u.xhr){re(s);return e}else{X=true}}else if(d==="replace"){ae(h,"htmx:abort")}else if(d.indexOf("queue")===0){const W=d.split(" ");p=(W[1]||"last").trim()}}if(u.xhr){if(u.abortable){ae(h,"htmx:abort")}else{if(p==null){if(o){const P=oe(o);if(P&&P.triggerSpec&&P.triggerSpec.queue){p=P.triggerSpec.queue}}if(p==null){p="last"}}if(u.queuedRequests==null){u.queuedRequests=[]}if(p==="first"&&u.queuedRequests.length===0){u.queuedRequests.push(function(){he(t,n,r,o,i)})}else if(p==="all"){u.queuedRequests.push(function(){he(t,n,r,o,i)})}else if(p==="last"){u.queuedRequests=[];u.queuedRequests.push(function(){he(t,n,r,o,i)})}re(s);return e}}const g=new XMLHttpRequest;u.xhr=g;u.abortable=X;const m=function(){u.xhr=null;u.abortable=false;if(u.queuedRequests!=null&&u.queuedRequests.length>0){const e=u.queuedRequests.shift();e()}};const B=ne(r,"hx-prompt");if(B){var y=prompt(B);if(y===null||!ae(r,"htmx:prompt",{prompt:y,target:c})){re(s);m();return e}}if(a&&!k){if(!confirm(a)){re(s);m();return e}}let x=mn(r,c,y);if(t!=="get"&&!vn(r)){x["Content-Type"]="application/x-www-form-urlencoded"}if(i.headers){x=le(x,i.headers)}const U=dn(r,t);let b=U.errors;const j=U.formData;if(i.values){hn(j,Pn(i.values))}const V=Pn(Tn(r,o));const v=hn(j,V);let w=yn(v,r);if(Q.config.getCacheBusterParam&&t==="get"){w.set("org.htmx.cache-buster",ee(c,"id")||"true")}if(n==null||n===""){n=location.href}const S=Cn(r,"hx-request");const _=oe(r).boosted;let E=Q.config.methodsThatUseUrlParams.indexOf(t)>=0;const C={boosted:_,useUrlParams:E,formData:w,parameters:kn(w),unfilteredFormData:v,unfilteredParameters:kn(v),headers:x,elt:r,target:c,verb:t,errors:b,withCredentials:i.credentials||S.credentials||Q.config.withCredentials,timeout:i.timeout||S.timeout||Q.config.timeout,path:n,triggeringEvent:o};if(!ae(r,"htmx:configRequest",C)){re(s);m();return e}n=C.path;t=C.verb;x=C.headers;w=Pn(C.parameters);b=C.errors;E=C.useUrlParams;if(b&&b.length>0){ae(r,"htmx:validation:halted",C);re(s);m();return e}const z=n.split("#");const $=z[0];const O=z[1];let R=n;if(E){R=$;const Z=!w.keys().next().done;if(Z){if(R.indexOf("?")<0){R+="?"}else{R+="&"}R+=gn(w);if(O){R+="#"+O}}}if(!In(r,R,C)){fe(r,"htmx:invalidPath",C);re(l);m();return e}g.open(t.toUpperCase(),R,true);g.overrideMimeType("text/html");g.withCredentials=C.withCredentials;g.timeout=C.timeout;if(S.noHeaders){}else{for(const D in x){if(x.hasOwnProperty(D)){const Y=x[D];qn(g,D,Y)}}}const H={xhr:g,target:c,requestConfig:C,etc:i,boosted:_,select:F,pathInfo:{requestPath:n,finalRequestPath:R,responsePath:null,anchor:O}};g.onload=function(){try{const t=Nn(r);H.pathInfo.responsePath=An(g);M(r,H);if(H.keepIndicators!==true){rn(T,q)}ae(r,"htmx:afterRequest",H);ae(r,"htmx:afterOnLoad",H);if(!se(r)){let e=null;while(t.length>0&&e==null){const n=t.shift();if(se(n)){e=n}}if(e){ae(e,"htmx:afterRequest",H);ae(e,"htmx:afterOnLoad",H)}}re(s)}catch(e){fe(r,"htmx:onLoadError",le({error:e},H));throw e}finally{m()}};g.onerror=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendError",H);re(l);m()};g.onabort=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendAbort",H);re(l);m()};g.ontimeout=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:timeout",H);re(l);m()};if(!ae(r,"htmx:beforeRequest",H)){re(s);m();return e}var T=tn(r);var q=nn(r);ie(["loadstart","loadend","progress","abort"],function(t){ie([g,g.upload],function(e){e.addEventListener(t,function(e){ae(r,"htmx:xhr:"+t,{lengthComputable:e.lengthComputable,loaded:e.loaded,total:e.total})})})});ae(r,"htmx:beforeSend",H);const J=E?null:wn(g,r,w);g.send(J);return e}function Mn(e,t){const n=t.xhr;let r=null;let o=null;if(H(n,/HX-Push:/i)){r=n.getResponseHeader("HX-Push");o="push"}else if(H(n,/HX-Push-Url:/i)){r=n.getResponseHeader("HX-Push-Url");o="push"}else if(H(n,/HX-Replace-Url:/i)){r=n.getResponseHeader("HX-Replace-Url");o="replace"}if(r){if(r==="false"){return{}}else{return{type:o,path:r}}}const i=t.pathInfo.finalRequestPath;const s=t.pathInfo.responsePath;const l=ne(e,"hx-push-url");const c=ne(e,"hx-replace-url");const u=oe(e).boosted;let f=null;let a=null;if(l){f="push";a=l}else if(c){f="replace";a=c}else if(u){f="push";a=s||i}if(a){if(a==="false"){return{}}if(a==="true"){a=s||i}if(t.pathInfo.anchor&&a.indexOf("#")===-1){a=a+"#"+t.pathInfo.anchor}return{type:f,path:a}}else{return{}}}function Fn(e,t){var n=new RegExp(e.code);return n.test(t.toString(10))}function Xn(e){for(var t=0;t<Q.config.responseHandling.length;t++){var n=Q.config.responseHandling[t];if(Fn(n,e.status)){return n}}return{swap:false}}function Bn(e){if(e){const t=f("title");if(t){t.textContent=e}else{window.document.title=e}}}function Un(e,t){if(t==="this"){return e}const n=ce(ue(e,t));if(n==null){fe(e,"htmx:targetError",{target:t});throw new Error(`Invalid re-target ${t}`)}return n}function jn(t,e){const n=e.xhr;let r=e.target;const o=e.etc;const i=e.select;if(!ae(t,"htmx:beforeOnLoad",e))return;if(H(n,/HX-Trigger:/i)){Je(n,"HX-Trigger",t)}if(H(n,/HX-Location:/i)){Gt();let e=n.getResponseHeader("HX-Location");var s;if(e.indexOf("{")===0){s=v(e);e=s.path;delete s.path}Ln("get",e,s).then(function(){Wt(e)});return}const l=H(n,/HX-Refresh:/i)&&n.getResponseHeader("HX-Refresh")==="true";if(H(n,/HX-Redirect:/i)){e.keepIndicators=true;Q.location.href=n.getResponseHeader("HX-Redirect");l&&Q.location.reload();return}if(l){e.keepIndicators=true;Q.location.reload();return}const c=Mn(t,e);const u=Xn(n);const f=u.swap;let a=!!u.error;let h=Q.config.ignoreTitle||u.ignoreTitle;let d=u.select;if(u.target){e.target=Un(t,u.target)}var p=o.swapOverride;if(p==null&&u.swapOverride){p=u.swapOverride}if(H(n,/HX-Retarget:/i)){e.target=Un(t,n.getResponseHeader("HX-Retarget"))}if(H(n,/HX-Reswap:/i)){p=n.getResponseHeader("HX-Reswap")}var g=n.response;var m=le({shouldSwap:f,serverResponse:g,isError:a,ignoreTitle:h,selectOverride:d,swapOverride:p},e);if(u.event&&!ae(r,u.event,m))return;if(!ae(r,"htmx:beforeSwap",m))return;r=m.target;g=m.serverResponse;a=m.isError;h=m.ignoreTitle;d=m.selectOverride;p=m.swapOverride;e.target=r;e.failed=a;e.successful=!a;if(m.shouldSwap){if(n.status===286){lt(t)}jt(t,function(e){g=e.transformResponse(g,n,t)});if(c.type){Gt()}var y=bn(t,p);if(!y.hasOwnProperty("ignoreTitle")){y.ignoreTitle=h}r.classList.add(Q.config.swappingClass);if(i){d=i}if(H(n,/HX-Reselect:/i)){d=n.getResponseHeader("HX-Reselect")}const x=ne(t,"hx-select-oob");const b=ne(t,"hx-select");$e(r,g,y,{select:d==="unset"?null:d||b,selectOOB:x,eventInfo:e,anchor:e.pathInfo.anchor,contextElement:t,afterSwapCallback:function(){if(H(n,/HX-Trigger-After-Swap:/i)){let e=t;if(!se(t)){e=te().body}Je(n,"HX-Trigger-After-Swap",e)}},afterSettleCallback:function(){if(H(n,/HX-Trigger-After-Settle:/i)){let e=t;if(!se(t)){e=te().body}Je(n,"HX-Trigger-After-Settle",e)}},beforeSwapCallback:function(){if(c.type){ae(te().body,"htmx:beforeHistoryUpdate",le({history:c},e));if(c.type==="push"){Wt(c.path);ae(te().body,"htmx:pushedIntoHistory",{path:c.path})}else{Zt(c.path);ae(te().body,"htmx:replacedInHistory",{path:c.path})}}}})}if(a){fe(t,"htmx:responseError",le({error:"Response Status Error Code "+n.status+" from "+e.pathInfo.requestPath},e))}}const Vn={};function _n(){return{init:function(e){return null},getSelectors:function(){return null},onEvent:function(e,t){return true},transformResponse:function(e,t,n){return e},isInlineSwap:function(e){return false},handleSwap:function(e,t,n,r){return false},encodeParameters:function(e,t,n){return null}}}function zn(e,t){if(t.init){t.init(n)}Vn[e]=le(_n(),t)}function $n(e){delete Vn[e]}function Jn(e,n,r){if(n==undefined){n=[]}if(e==undefined){return n}if(r==undefined){r=[]}const t=a(e,"hx-ext");if(t){ie(t.split(","),function(e){e=e.replace(/ /g,"");if(e.slice(0,7)=="ignore:"){r.push(e.slice(7));return}if(r.indexOf(e)<0){const t=Vn[e];if(t&&n.indexOf(t)<0){n.push(t)}}})}return Jn(ce(u(e)),n,r)}var Kn=false;te().addEventListener("DOMContentLoaded",function(){Kn=true});function Gn(e){if(Kn||te().readyState==="complete"){e()}else{te().addEventListener("DOMContentLoaded",e)}}function Wn(){if(Q.config.includeIndicatorStyles!==false){const e=Q.config.inlineStyleNonce?` nonce="${Q.config.inlineStyleNonce}"`:"";te().head.insertAdjacentHTML("beforeend","<style"+e+">      ."+Q.config.indicatorClass+"{opacity:0}      ."+Q.config.requestClass+" ."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;}      ."+Q.config.requestClass+"."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;}      </style>")}}function Zn(){const e=te().querySelector('meta[name="htmx-config"]');if(e){return v(e.content)}else{return null}}function Yn(){const e=Zn();if(e){Q.config=le(Q.config,e)}}Gn(function(){Yn();Wn();let e=te().body;Ft(e);const t=te().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",function(e){const t=e.target;const n=oe(t);if(n&&n.xhr){n.xhr.abort()}});const n=window.onpopstate?window.onpopstate.bind(window):null;window.onpopstate=function(e){if(e.state&&e.state.htmx){en();ie(t,function(e){ae(e,"htmx:restored",{document:te(),triggerEvent:ae})})}else{if(n){n(e)}}};b().setTimeout(function(){ae(e,"htmx:load",{});e=null},0)});return Q}();
\ No newline at end of file
diff --git a/web/static/js/toast.min.js b/web/static/js/toast.min.js
new file mode 100644
index 0000000..302165b
--- /dev/null
+++ b/web/static/js/toast.min.js
@@ -0,0 +1 @@
+(()=>{(function(){if(typeof window.toastHandler>"u"){let a=function(t){if(!t||t.hasAttribute("data-initialized")||(t.setAttribute("data-initialized","true"),window.toasts.has(t)))return;let i=parseInt(t.getAttribute("data-tui-toast-duration")||"0"),r=t.querySelector("[data-tui-toast-progress]"),d=t.querySelector("[data-tui-toast-dismiss]"),e={timer:null,remaining:i,startTime:Date.now(),progress:r,paused:!1};window.toasts.set(t,e);function o(){clearTimeout(e.timer),t.classList.remove("toast-enter-active"),t.classList.add("toast-leave-active"),t.addEventListener("transitionend",()=>{t.remove(),window.toasts.delete(t)},{once:!0})}function u(n){n<=0||(clearTimeout(e.timer),e.startTime=Date.now(),e.remaining=n,e.paused=!1,e.timer=setTimeout(o,n),e.progress&&(e.progress.style.transition=`width ${n}ms linear`,e.progress.offsetWidth,e.progress.style.width="0%"))}function l(){if(!(e.paused||e.remaining<=0)&&(clearTimeout(e.timer),e.remaining-=Date.now()-e.startTime,e.paused=!0,e.progress)){let n=window.getComputedStyle(e.progress).width;e.progress.style.transition="none",e.progress.style.width=n}}function c(){!e.paused||e.remaining<=0||u(e.remaining)}i>0&&(t.addEventListener("mouseenter",l),t.addEventListener("mouseleave",c)),d&&d.addEventListener("click",o),setTimeout(()=>{t.classList.add("toast-enter-active"),e.progress&&(e.progress.style.width="100%"),u(i)},50)},s=function(t=document){let i=[];t instanceof Element&&t.matches("[data-tui-toast]")&&(t.hasAttribute("data-initialized")||i.push(t)),t&&typeof t.querySelectorAll=="function"&&t.querySelectorAll("[data-tui-toast]:not([data-initialized])").forEach(r=>{i.push(r)}),i.forEach(a)};var m=a,f=s;window.toastHandler=!0,window.toasts=new Map,window.templUI=window.templUI||{},window.templUI.toast={init:s},document.addEventListener("DOMContentLoaded",()=>s())}})();})();
diff --git a/web/templates/components/toast/toast.templ b/web/templates/components/toast/toast.templ
new file mode 100644
index 0000000..9b30fd5
--- /dev/null
+++ b/web/templates/components/toast/toast.templ
@@ -0,0 +1,210 @@
+// templui component toast - version: v0.85.0 installed by templui v0.85.0
+package toast
+
+import (
+	"maot-shortner/web/templates/components/button"
+	"maot-shortner/web/templates/components/icon"
+	"maot-shortner/web/resources/utils"
+	"strconv"
+)
+
+type Variant string
+type Position string
+
+const (
+	VariantDefault Variant = "default"
+	VariantSuccess Variant = "success"
+	VariantError   Variant = "error"
+	VariantWarning Variant = "warning"
+	VariantInfo    Variant = "info"
+)
+
+const (
+	PositionTopRight     Position = "top-right"
+	PositionTopLeft      Position = "top-left"
+	PositionTopCenter    Position = "top-center"
+	PositionBottomRight  Position = "bottom-right"
+	PositionBottomLeft   Position = "bottom-left"
+	PositionBottomCenter Position = "bottom-center"
+)
+
+type Props struct {
+	ID            string
+	Class         string
+	Attributes    templ.Attributes
+	Title         string
+	Description   string
+	Variant       Variant
+	Position      Position
+	Duration      int
+	Dismissible   bool
+	ShowIndicator bool
+	Icon          bool
+}
+
+templ Toast(props ...Props) {
+	@ToastCSS()
+	{{ var p Props }}
+	if len(props) > 0 {
+		{{ p = props[0] }}
+	}
+	if p.ID == "" {
+		{{ p.ID = utils.RandomID() }}
+	}
+	{{ p = p.defaults() }}
+	{{ isTop := p.Position == PositionTopRight || p.Position == PositionTopLeft || p.Position == PositionTopCenter }}
+	{{ isBottom := p.Position == PositionBottomRight || p.Position == PositionBottomLeft || p.Position == PositionBottomCenter }}
+	<div
+		id={ p.ID }
+		data-tui-toast
+		data-tui-toast-duration={ strconv.Itoa(p.Duration) }
+		class={ utils.TwMerge(
+			"z-50 fixed pointer-events-auto p-4",
+			"opacity-0 transform transition-all duration-300 ease-out",
+			utils.If(isTop, "top-0"),
+			utils.If(isBottom, "bottom-0"),
+			utils.If(isTop, "translate-y-4"),
+			utils.If(isBottom, "-translate-y-4"),
+			utils.If(p.Position == PositionTopRight || p.Position == PositionBottomRight, "right-0"),
+			utils.If(p.Position == PositionTopLeft || p.Position == PositionBottomLeft, "left-0"),
+			utils.If(p.Position == PositionTopCenter || p.Position == PositionBottomCenter, "left-1/2 -translate-x-1/2"),
+			"w-full md:max-w-[420px]",
+			p.Class,
+		) }
+		{ p.Attributes... }
+	>
+		<div class="w-full bg-popover text-popover-foreground rounded-lg shadow-xs border pt-5 pb-4 px-4 flex items-center justify-center relative overflow-hidden">
+			if p.ShowIndicator {
+				@indicator(p)
+			}
+			if p.Icon {
+				@toastIcon(p)
+			}
+			<span class="flex-1 min-w-0">
+				@title(p)
+				@description(p)
+			</span>
+			if p.Dismissible {
+				@dismissButton()
+			}
+		</div>
+	</div>
+}
+
+templ indicator(p Props) {
+	<div class="absolute top-0 left-0 right-0 h-1">
+		<div
+			data-tui-toast-progress
+			class={ utils.TwMerge(
+				"absolute inset-0",
+				typeClass(p.Variant),
+			) }
+		></div>
+	</div>
+}
+
+templ toastIcon(p Props) {
+	if p.Variant == VariantSuccess {
+		@icon.CircleCheck(icon.Props{Size: 22, Class: "text-green-500 mr-3 flex-shrink-0"})
+	} else if p.Variant == VariantError {
+		@icon.CircleX(icon.Props{Size: 22, Class: "text-red-500 mr-3 flex-shrink-0"})
+	} else if p.Variant == VariantWarning {
+		@icon.TriangleAlert(icon.Props{Size: 22, Class: "text-yellow-500 mr-3 flex-shrink-0"})
+	} else if p.Variant == VariantInfo {
+		@icon.Info(icon.Props{Size: 22, Class: "text-blue-500 mr-3 flex-shrink-0"})
+	}
+}
+
+templ title(p Props) {
+	if p.Title != "" {
+		<p class="text-sm font-semibold truncate">{ p.Title }</p>
+	}
+}
+
+templ description(p Props) {
+	if p.Description != "" {
+		<p class="text-sm opacity-90 mt-1">{ p.Description }</p>
+	}
+}
+
+templ dismissButton() {
+	@button.Button(button.Props{
+		Size:    button.SizeIcon,
+		Variant: button.VariantGhost,
+		Attributes: templ.Attributes{
+			"aria-label":         "Close",
+			"data-tui-toast-dismiss": "",
+			"type":               "button",
+		},
+	}) {
+		@icon.X(icon.Props{
+			Size:  18,
+			Class: "opacity-75 hover:opacity-100",
+		})
+	}
+}
+
+func (p Props) defaults() Props {
+	if p.Variant == "" {
+		p.Variant = VariantDefault
+	}
+	if p.Position == "" {
+		p.Position = PositionBottomRight
+	}
+	if p.Duration == 0 {
+		p.Duration = 3000
+	}
+	return p
+}
+
+func typeClass(t Variant) string {
+	switch t {
+	case VariantDefault:
+		return "bg-gray-500"
+	case VariantSuccess:
+		return "bg-green-500"
+	case VariantError:
+		return "bg-red-500"
+	case VariantWarning:
+		return "bg-yellow-500"
+	case VariantInfo:
+		return "bg-blue-500"
+	default:
+		return ""
+	}
+}
+
+var cssHandle = templ.NewOnceHandle()
+
+templ ToastCSS() {
+	@cssHandle.Once() {
+		<style nonce={ templ.GetNonce(ctx) }>
+			[data-tui-toast].toast-enter {
+				opacity: 0;
+				/* Initial vertical offset is handled by classes in the component */
+			}
+			[data-tui-toast].toast-enter-active {
+				opacity: 1;
+				transform: translateY(0); /* Only handle vertical transition */
+			}
+			[data-tui-toast].toast-leave {
+				opacity: 1;
+				transform: translateY(0); /* Start leave from final vertical position */
+			}
+			[data-tui-toast].toast-leave-active {
+				opacity: 0;
+				/* Apply final vertical offset based on position */
+			}
+			[data-tui-toast][class*=" top-"].toast-leave-active {
+				transform: translateY(1rem); /* Move down */
+			}
+			[data-tui-toast][class*=" bottom-"].toast-leave-active {
+				transform: translateY(-1rem); /* Move up */
+			}
+		</style>
+	}
+}
+
+templ Script() {
+	<script defer src="static/js/toast.min.js"></script>
+}
diff --git a/web/templates/layouts/main.templ b/web/templates/layouts/main.templ
index a93de3d..a33327a 100644
--- a/web/templates/layouts/main.templ
+++ b/web/templates/layouts/main.templ
@@ -3,6 +3,7 @@ package layouts
 import (
 	"maot-shortner/web/templates/components/input"
 	"maot-shortner/web/templates/components/label"
+	"maot-shortner/web/templates/components/toast"
 	"maot-shortner/web/templates/modules"
 )
 
@@ -16,6 +17,9 @@ templ MainLayout() {
 			<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico"/>
 			@input.Script()
 			@label.Script()
+			@toast.Script()
+			<script src="/static/js/htmx.min.js"></script>
+			<script src="/static/js/alpine.min.js"></script>
 		</head>
 		<body class="h-full">
 			<div class="h-full flex flex-col">
diff --git a/web/templates/pages/home.templ b/web/templates/pages/home.templ
index 42d6b07..d0a9502 100644
--- a/web/templates/pages/home.templ
+++ b/web/templates/pages/home.templ
@@ -26,6 +26,7 @@ templ Home() {
 					@icon.Send(icon.Props{Size: 20})
 				}
 			</div>
+			<div id="toast-container"></div>
 		</div>
 	}
 }