ghost 6.18.2 → 6.19.0

package/core/built/admin/assets/posts/{comments-Bn_vn_sb.mjs → comments-C0ntS6jH.mjs}

@@ -1,145 +1,145 @@
-import { o as L, j as e, u as R, p as _, b as E, n as T, V as Se, F as is, G as U, H as K, J as Pe, K as os, a as I, q as V, Q as q, v as Y, e as ls, _ as ie, $ as cs } from "./index-C0rRguZx.mjs";
-import { u as ds, F as ms, T as te, a as re, b as ne, d as ae, c as us } from "./filters-DHsxxy0F.mjs";
-import { c as X, b as Z, a as hs, d as ps } from "./hooks-BBEMuLiW.mjs";
-import { u as fs, g as xs, b as bs } from "./posts-DeQT3knv.mjs";
-import { u as gs, U as oe, g as js, D as vs, b as Cs, E as ys, d as Ns, e as A, h as Ce, S as ks } from "./separator-KNoTIaJx.mjs";
-import { e as ws, i as _s, b as le, a as Ss, F as Ps, f as Ts, C as Rs, g as Te, D as ce, M as Ls, H as Re, R as Is, d as Le, E as Ie, h as Ee } from "./search-CLjC37AT.mjs";
-import { a as Es, C as $s, X as Ms, k as de, m as me, n as ue, o as he, p as Ds, q as pe } from "./dialog-CKPcMrj7.mjs";
-import { H as ye, g as Fs, u as zs } from "./use-infinite-virtual-scroll-DaijA1ao.mjs";
-import { M as Os } from "./main-layout-BTItAOQE.mjs";
-import { c as Bs, P as fe, u as Hs, b as $e, e as Ne, h as As, B as P, C as Us } from "./heading-BrKVbOxA.mjs";
-import { L as W } from "./loading-indicator-BHAmSf8j.mjs";
-import { E as Me } from "./empty-indicator-kkrhP6K_.mjs";
-import { S as Vs, b as qs, c as Ws, d as Qs } from "./sheet-DBg_SCDt.mjs";
-var J = "Checkbox", [Ks] = Bs(J), [Gs, xe] = Ks(J);
-function Ys(s) {
+import { o as L, j as e, u as T, p as w, b as I, n as P, V as we, F as ns, G as H, H as Q, J as _e, K as as, a as E, q as B, Q as A, v as G, e as is, _ as ie, $ as os } from "./index-BiGQFQkQ.mjs";
+import { u as ls, F as cs, T as te, a as re, b as ne, d as ae, c as ds } from "./filters-CWWDQAf0.mjs";
+import { c as Y, b as X, a as ms, d as us } from "./hooks-DQYjPsLg.mjs";
+import { u as hs, g as ps } from "./posts-C2SKGLoU.mjs";
+import { u as fs, U as oe, g as xs, D as bs, b as gs, E as js, d as vs, e as W, h as Cs, S as ys } from "./separator-CJnnsW1a.mjs";
+import { e as Ns, i as ks, b as le, a as ws, F as _s, f as Ss, C as Ps, g as Se, D as ce, M as Ts, H as Pe, R as Rs, d as Te, E as Re, h as Le } from "./search-C8k0TFkh.mjs";
+import { a as Ls, C as Es, X as Is, k as de, m as me, n as ue, o as he, p as $s, q as pe } from "./dialog-CXEmd-rC.mjs";
+import { H as ve, g as Ms, u as Ds } from "./use-infinite-virtual-scroll-CMiIpcDA.mjs";
+import { M as Fs } from "./main-layout-D5WnaGr4.mjs";
+import { c as zs, P as fe, u as Os, b as Ee, e as Ce, h as Hs, B as S, C as Bs } from "./heading-DZWin3nG.mjs";
+import { L as U } from "./loading-indicator-CZQmPRvv.mjs";
+import { E as Ie } from "./empty-indicator-CY1NEQZt.mjs";
+import { S as As, b as Us, c as Vs, d as qs } from "./sheet-HDzKgNHc.mjs";
+var Z = "Checkbox", [Ws] = zs(Z), [Qs, xe] = Ws(Z);
+function Ks(s) {
   const {
     __scopeCheckbox: t,
     checked: r,
-    children: i,
+    children: a,
     defaultChecked: n,
-    disabled: a,
-    form: l,
-    name: c,
-    onCheckedChange: o,
+    disabled: i,
+    form: o,
+    name: l,
+    onCheckedChange: c,
     required: d,
     value: u = "on",
     // @ts-expect-error
     internal_do_not_use_render: m
-  } = s, [p, f] = Hs({
+  } = s, [x, p] = Os({
     prop: r,
     defaultProp: n ?? !1,
-    onChange: o,
-    caller: J
-  }), [g, h] = R(null), [v, j] = R(null), x = _(!1), C = g ? !!l || !!g.closest("form") : (
+    onChange: c,
+    caller: Z
+  }), [f, j] = T(null), [g, v] = T(null), b = w(!1), y = f ? !!o || !!f.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
-  ), w = {
-    checked: p,
-    disabled: a,
-    setChecked: f,
-    control: g,
-    setControl: h,
-    name: c,
-    form: l,
+  ), C = {
+    checked: x,
+    disabled: i,
+    setChecked: p,
+    control: f,
+    setControl: j,
+    name: l,
+    form: o,
     value: u,
-    hasConsumerStoppedPropagationRef: x,
+    hasConsumerStoppedPropagationRef: b,
     required: d,
     defaultChecked: $(n) ? !1 : n,
-    isFormControl: C,
-    bubbleInput: v,
-    setBubbleInput: j
+    isFormControl: y,
+    bubbleInput: g,
+    setBubbleInput: v
   };
   return /* @__PURE__ */ e.jsx(
-    Gs,
+    Qs,
     {
       scope: t,
-      ...w,
-      children: Xs(m) ? m(w) : i
+      ...C,
+      children: Gs(m) ? m(C) : a
     }
   );
 }
-var De = "CheckboxTrigger", Fe = L(
-  ({ __scopeCheckbox: s, onKeyDown: t, onClick: r, ...i }, n) => {
+var $e = "CheckboxTrigger", Me = L(
+  ({ __scopeCheckbox: s, onKeyDown: t, onClick: r, ...a }, n) => {
     const {
-      control: a,
-      value: l,
-      disabled: c,
-      checked: o,
+      control: i,
+      value: o,
+      disabled: l,
+      checked: c,
       required: d,
       setControl: u,
       setChecked: m,
-      hasConsumerStoppedPropagationRef: p,
-      isFormControl: f,
-      bubbleInput: g
-    } = xe(De, s), h = $e(n, u), v = _(o);
-    return E(() => {
-      const j = a == null ? void 0 : a.form;
-      if (j) {
-        const x = () => m(v.current);
-        return j.addEventListener("reset", x), () => j.removeEventListener("reset", x);
+      hasConsumerStoppedPropagationRef: x,
+      isFormControl: p,
+      bubbleInput: f
+    } = xe($e, s), j = Ee(n, u), g = w(c);
+    return I(() => {
+      const v = i == null ? void 0 : i.form;
+      if (v) {
+        const b = () => m(g.current);
+        return v.addEventListener("reset", b), () => v.removeEventListener("reset", b);
       }
-    }, [a, m]), /* @__PURE__ */ e.jsx(
+    }, [i, m]), /* @__PURE__ */ e.jsx(
       fe.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": $(o) ? "mixed" : o,
+        "aria-checked": $(c) ? "mixed" : c,
         "aria-required": d,
-        "data-state": Ae(o),
-        "data-disabled": c ? "" : void 0,
-        disabled: c,
-        value: l,
-        ...i,
-        ref: h,
-        onKeyDown: Ne(t, (j) => {
-          j.key === "Enter" && j.preventDefault();
+        "data-state": He(c),
+        "data-disabled": l ? "" : void 0,
+        disabled: l,
+        value: o,
+        ...a,
+        ref: j,
+        onKeyDown: Ce(t, (v) => {
+          v.key === "Enter" && v.preventDefault();
         }),
-        onClick: Ne(r, (j) => {
-          m((x) => $(x) ? !0 : !x), g && f && (p.current = j.isPropagationStopped(), p.current || j.stopPropagation());
+        onClick: Ce(r, (v) => {
+          m((b) => $(b) ? !0 : !b), f && p && (x.current = v.isPropagationStopped(), x.current || v.stopPropagation());
         })
       }
     );
   }
 );
-Fe.displayName = De;
+Me.displayName = $e;
 var be = L(
   (s, t) => {
     const {
       __scopeCheckbox: r,
-      name: i,
+      name: a,
       checked: n,
-      defaultChecked: a,
-      required: l,
-      disabled: c,
-      value: o,
+      defaultChecked: i,
+      required: o,
+      disabled: l,
+      value: c,
       onCheckedChange: d,
       form: u,
       ...m
     } = s;
     return /* @__PURE__ */ e.jsx(
-      Ys,
+      Ks,
       {
         __scopeCheckbox: r,
         checked: n,
-        defaultChecked: a,
-        disabled: c,
-        required: l,
+        defaultChecked: i,
+        disabled: l,
+        required: o,
         onCheckedChange: d,
-        name: i,
+        name: a,
         form: u,
-        value: o,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        value: c,
+        internal_do_not_use_render: ({ isFormControl: x }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(
-            Fe,
+            Me,
             {
               ...m,
               ref: t,
               __scopeCheckbox: r
             }
           ),
-          p && /* @__PURE__ */ e.jsx(
-            He,
+          x && /* @__PURE__ */ e.jsx(
+            Oe,
             {
               __scopeCheckbox: r
             }
@@ -149,19 +149,19 @@ var be = L(
     );
   }
 );
-be.displayName = J;
-var ze = "CheckboxIndicator", Oe = L(
+be.displayName = Z;
+var De = "CheckboxIndicator", Fe = L(
   (s, t) => {
-    const { __scopeCheckbox: r, forceMount: i, ...n } = s, a = xe(ze, r);
+    const { __scopeCheckbox: r, forceMount: a, ...n } = s, i = xe(De, r);
     return /* @__PURE__ */ e.jsx(
-      Es,
+      Ls,
       {
-        present: i || $(a.checked) || a.checked === !0,
+        present: a || $(i.checked) || i.checked === !0,
         children: /* @__PURE__ */ e.jsx(
           fe.span,
           {
-            "data-state": Ae(a.checked),
-            "data-disabled": a.disabled ? "" : void 0,
+            "data-state": He(i.checked),
+            "data-disabled": i.disabled ? "" : void 0,
             ...n,
             ref: t,
             style: { pointerEvents: "none", ...s.style }
@@ -171,52 +171,52 @@ var ze = "CheckboxIndicator", Oe = L(
     );
   }
 );
-Oe.displayName = ze;
-var Be = "CheckboxBubbleInput", He = L(
+Fe.displayName = De;
+var ze = "CheckboxBubbleInput", Oe = L(
   ({ __scopeCheckbox: s, ...t }, r) => {
     const {
-      control: i,
+      control: a,
       hasConsumerStoppedPropagationRef: n,
-      checked: a,
-      defaultChecked: l,
-      required: c,
-      disabled: o,
+      checked: i,
+      defaultChecked: o,
+      required: l,
+      disabled: c,
       name: d,
       value: u,
       form: m,
-      bubbleInput: p,
-      setBubbleInput: f
-    } = xe(Be, s), g = $e(r, f), h = ds(a), v = gs(i);
-    E(() => {
-      const x = p;
-      if (!x) return;
-      const C = window.HTMLInputElement.prototype, k = Object.getOwnPropertyDescriptor(
-        C,
+      bubbleInput: x,
+      setBubbleInput: p
+    } = xe(ze, s), f = Ee(r, p), j = ls(i), g = fs(a);
+    I(() => {
+      const b = x;
+      if (!b) return;
+      const y = window.HTMLInputElement.prototype, k = Object.getOwnPropertyDescriptor(
+        y,
         "checked"
-      ).set, y = !n.current;
-      if (h !== a && k) {
-        const b = new Event("click", { bubbles: y });
-        x.indeterminate = $(a), k.call(x, $(a) ? !1 : a), x.dispatchEvent(b);
+      ).set, h = !n.current;
+      if (j !== i && k) {
+        const R = new Event("click", { bubbles: h });
+        b.indeterminate = $(i), k.call(b, $(i) ? !1 : i), b.dispatchEvent(R);
       }
-    }, [p, h, a, n]);
-    const j = _($(a) ? !1 : a);
+    }, [x, j, i, n]);
+    const v = w($(i) ? !1 : i);
     return /* @__PURE__ */ e.jsx(
       fe.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: l ?? j.current,
-        required: c,
-        disabled: o,
+        defaultChecked: o ?? v.current,
+        required: l,
+        disabled: c,
         name: d,
         value: u,
         form: m,
         ...t,
         tabIndex: -1,
-        ref: g,
+        ref: f,
         style: {
           ...t.style,
-          ...v,
+          ...g,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -230,17 +230,17 @@ var Be = "CheckboxBubbleInput", He = L(
     );
   }
 );
-He.displayName = Be;
-function Xs(s) {
+Oe.displayName = ze;
+function Gs(s) {
   return typeof s == "function";
 }
 function $(s) {
   return s === "indeterminate";
 }
-function Ae(s) {
+function He(s) {
   return $(s) ? "indeterminate" : s ? "checked" : "unchecked";
 }
-const Zs = Se(
+const Ys = we(
   "inline-flex items-center rounded-sm border px-1.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -257,82 +257,82 @@ const Zs = Se(
     }
   }
 );
-function Js({ className: s, variant: t, ...r }) {
-  return /* @__PURE__ */ e.jsx("div", { className: T(Zs({ variant: t }), s), ...r });
+function Xs({ className: s, variant: t, ...r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: P(Ys({ variant: t }), s), ...r });
 }
-const Ue = L(({ className: s, ...t }, r) => /* @__PURE__ */ e.jsx(
+const Be = L(({ className: s, ...t }, r) => /* @__PURE__ */ e.jsx(
   be,
   {
     ref: r,
-    className: T(
+    className: P(
       "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       s
     ),
     ...t,
     children: /* @__PURE__ */ e.jsx(
-      Oe,
+      Fe,
       {
-        className: T("grid place-content-center text-current"),
-        children: /* @__PURE__ */ e.jsx($s, { className: "size-4" })
+        className: P("grid place-content-center text-current"),
+        children: /* @__PURE__ */ e.jsx(Es, { className: "size-4" })
       }
     )
   }
 ));
-Ue.displayName = be.displayName;
-var et = Symbol.for("react.lazy"), G = is[" use ".trim().toString()];
-function st(s) {
+Be.displayName = be.displayName;
+var Zs = Symbol.for("react.lazy"), K = ns[" use ".trim().toString()];
+function Js(s) {
   return typeof s == "object" && s !== null && "then" in s;
 }
-function Ve(s) {
-  return s != null && typeof s == "object" && "$$typeof" in s && s.$$typeof === et && "_payload" in s && st(s._payload);
+function Ae(s) {
+  return s != null && typeof s == "object" && "$$typeof" in s && s.$$typeof === Zs && "_payload" in s && Js(s._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function tt(s) {
-  const t = /* @__PURE__ */ rt(s), r = L((i, n) => {
-    let { children: a, ...l } = i;
-    Ve(a) && typeof G == "function" && (a = G(a._payload));
-    const c = U.toArray(a), o = c.find(at);
-    if (o) {
-      const d = o.props.children, u = c.map((m) => m === o ? U.count(d) > 1 ? U.only(null) : K(d) ? d.props.children : null : m);
-      return /* @__PURE__ */ e.jsx(t, { ...l, ref: n, children: K(d) ? Pe(d, void 0, u) : null });
+function et(s) {
+  const t = /* @__PURE__ */ st(s), r = L((a, n) => {
+    let { children: i, ...o } = a;
+    Ae(i) && typeof K == "function" && (i = K(i._payload));
+    const l = H.toArray(i), c = l.find(rt);
+    if (c) {
+      const d = c.props.children, u = l.map((m) => m === c ? H.count(d) > 1 ? H.only(null) : Q(d) ? d.props.children : null : m);
+      return /* @__PURE__ */ e.jsx(t, { ...o, ref: n, children: Q(d) ? _e(d, void 0, u) : null });
     }
-    return /* @__PURE__ */ e.jsx(t, { ...l, ref: n, children: a });
+    return /* @__PURE__ */ e.jsx(t, { ...o, ref: n, children: i });
   });
   return r.displayName = `${s}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function rt(s) {
-  const t = L((r, i) => {
-    let { children: n, ...a } = r;
-    if (Ve(n) && typeof G == "function" && (n = G(n._payload)), K(n)) {
-      const l = ot(n), c = it(a, n.props);
-      return n.type !== os && (c.ref = i ? As(i, l) : l), Pe(n, c);
+function st(s) {
+  const t = L((r, a) => {
+    let { children: n, ...i } = r;
+    if (Ae(n) && typeof K == "function" && (n = K(n._payload)), Q(n)) {
+      const o = at(n), l = nt(i, n.props);
+      return n.type !== as && (l.ref = a ? Hs(a, o) : o), _e(n, l);
     }
-    return U.count(n) > 1 ? U.only(null) : null;
+    return H.count(n) > 1 ? H.only(null) : null;
   });
   return t.displayName = `${s}.SlotClone`, t;
 }
-var nt = Symbol("radix.slottable");
-function at(s) {
-  return K(s) && typeof s.type == "function" && "__radixId" in s.type && s.type.__radixId === nt;
+var tt = Symbol("radix.slottable");
+function rt(s) {
+  return Q(s) && typeof s.type == "function" && "__radixId" in s.type && s.type.__radixId === tt;
 }
-function it(s, t) {
+function nt(s, t) {
   const r = { ...t };
-  for (const i in t) {
-    const n = s[i], a = t[i];
-    /^on[A-Z]/.test(i) ? n && a ? r[i] = (...c) => {
-      const o = a(...c);
-      return n(...c), o;
-    } : n && (r[i] = n) : i === "style" ? r[i] = { ...n, ...a } : i === "className" && (r[i] = [n, a].filter(Boolean).join(" "));
+  for (const a in t) {
+    const n = s[a], i = t[a];
+    /^on[A-Z]/.test(a) ? n && i ? r[a] = (...l) => {
+      const c = i(...l);
+      return n(...l), c;
+    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...i } : a === "className" && (r[a] = [n, i].filter(Boolean).join(" "));
   }
   return { ...s, ...r };
 }
-function ot(s) {
-  var i, n;
-  let t = (i = Object.getOwnPropertyDescriptor(s.props, "ref")) == null ? void 0 : i.get, r = t && "isReactWarning" in t && t.isReactWarning;
+function at(s) {
+  var a, n;
+  let t = (a = Object.getOwnPropertyDescriptor(s.props, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? s.ref : (t = (n = Object.getOwnPropertyDescriptor(s, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? s.props.ref : s.props.ref || s.ref);
 }
-var lt = [
+var it = [
   "a",
   "button",
   "div",
@@ -350,14 +350,14 @@ var lt = [
   "span",
   "svg",
   "ul"
-], ct = lt.reduce((s, t) => {
-  const r = /* @__PURE__ */ tt(`Primitive.${t}`), i = L((n, a) => {
-    const { asChild: l, ...c } = n, o = l ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e.jsx(o, { ...c, ref: a });
+], ot = it.reduce((s, t) => {
+  const r = /* @__PURE__ */ et(`Primitive.${t}`), a = L((n, i) => {
+    const { asChild: o, ...l } = n, c = o ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e.jsx(c, { ...l, ref: i });
   });
-  return i.displayName = `Primitive.${t}`, { ...s, [t]: i };
-}, {}), dt = "Label", qe = L((s, t) => /* @__PURE__ */ e.jsx(
-  ct.label,
+  return a.displayName = `Primitive.${t}`, { ...s, [t]: a };
+}, {}), lt = "Label", Ue = L((s, t) => /* @__PURE__ */ e.jsx(
+  ot.label,
   {
     ...s,
     ref: t,
@@ -367,26 +367,26 @@ var lt = [
     }
   }
 ));
-qe.displayName = dt;
-var We = qe;
-const mt = Se(
+Ue.displayName = lt;
+var Ve = Ue;
+const ct = we(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), Qe = L(({ className: s, ...t }, r) => /* @__PURE__ */ e.jsx(
-  We,
+), qe = L(({ className: s, ...t }, r) => /* @__PURE__ */ e.jsx(
+  Ve,
   {
     ref: r,
-    className: T(mt(), s),
+    className: P(ct(), s),
     ...t
   }
 ));
-Qe.displayName = We.displayName;
-const ut = ({ children: s, className: t, ...r }) => /* @__PURE__ */ e.jsx("section", { className: T("flex gap-6 flex-col p-4 lg:p-8 size-full grow", t), ...r, children: s }), Ke = "MembersResponseType", ht = hs({
-  dataType: Ke,
+qe.displayName = Ve.displayName;
+const dt = ({ children: s, className: t, ...r }) => /* @__PURE__ */ e.jsx("section", { className: P("flex gap-6 flex-col p-4 lg:p-8 size-full grow", t), ...r, children: s }), We = "MembersResponseType", mt = ms({
+  dataType: We,
   path: "/members/"
-}), pt = X({
-  dataType: Ke,
+}), ut = Y({
+  dataType: We,
   path: (s) => `/members/${s}/`
-}), ft = Z({
+}), ht = X({
   method: "POST",
   path: ({ id: s }) => `/members/${s}/commenting/disable`,
   body: ({ reason: s, hideComments: t }) => ({
@@ -396,7 +396,7 @@ const ut = ({ children: s, className: t, ...r }) => /* @__PURE__ */ e.jsx("secti
   invalidateQueries: {
     dataType: "CommentsResponseType"
   }
-}), xt = Z({
+}), pt = X({
   method: "POST",
   path: ({ id: s }) => `/members/${s}/commenting/enable`,
   body: () => ({}),
@@ -404,104 +404,104 @@ const ut = ({ children: s, className: t, ...r }) => /* @__PURE__ */ e.jsx("secti
     dataType: "CommentsResponseType"
   }
 });
-function ke({
+function ye({
   knownItems: s,
   useSearch: t,
   useGetById: r,
-  filters: i,
+  filters: a,
   filterFieldName: n,
-  searchFieldName: a,
-  toOption: l
+  searchFieldName: i,
+  toOption: o
 }) {
-  const [c, o] = R(""), { data: d, isLoading: u } = t(c), m = I(() => {
-    const x = i.find((C) => C.field === n);
-    return x != null && x.values[0] ? String(x.values[0]) : "";
-  }, [i, n]), p = I(() => !m || s.some((C) => C.id === m) ? !1 : !((d == null ? void 0 : d[a]) ?? []).some((C) => C.id === m), [m, s, d, a]), { data: f, isLoading: g } = r(m || "", {
-    enabled: p,
+  const [l, c] = T(""), { data: d, isLoading: u } = t(l), m = E(() => {
+    const b = a.find((y) => y.field === n);
+    return b != null && b.values[0] ? String(b.values[0]) : "";
+  }, [a, n]), x = E(() => !m || s.some((y) => y.id === m) ? !1 : !((d == null ? void 0 : d[i]) ?? []).some((y) => y.id === m), [m, s, d, i]), { data: p, isLoading: f } = r(m || "", {
+    enabled: x,
     defaultErrorHandler: !1
-  }), h = u || g, v = V((x) => l(x), [l]);
+  }), j = u || f, g = B((b) => o(b), [o]);
   return {
-    options: I(() => {
+    options: E(() => {
       var k;
-      const x = (d == null ? void 0 : d[a]) ?? [], C = {};
-      for (const y of s)
-        C[y.id] = v(y);
-      for (const y of x)
-        C[y.id] = v(y);
-      const w = (k = f == null ? void 0 : f[a]) == null ? void 0 : k[0];
-      return w != null && w.id && (C[w.id] = v(w)), m && !(m in C) && (C[m] = { value: m, label: `ID: ${m}` }), Object.values(C);
-    }, [s, d, a, f, m, v]),
-    isLoading: h,
-    searchValue: c,
-    onSearchChange: o
+      const b = (d == null ? void 0 : d[i]) ?? [], y = {};
+      for (const h of s)
+        y[h.id] = g(h);
+      for (const h of b)
+        y[h.id] = g(h);
+      const C = (k = p == null ? void 0 : p[i]) == null ? void 0 : k[0];
+      return C != null && C.id && (y[C.id] = g(C)), m && !(m in y) && (y[m] = { value: m, label: `ID: ${m}` }), Object.values(y);
+    }, [s, d, i, p, m, g]),
+    isLoading: j,
+    searchValue: l,
+    onSearchChange: c
   };
 }
-function bt(s, t, r, i) {
-  var n = this, a = _(null), l = _(0), c = _(0), o = _(null), d = _([]), u = _(), m = _(), p = _(s), f = _(!0);
-  p.current = s;
-  var g = typeof window < "u", h = !t && t !== 0 && g;
+function ft(s, t, r, a) {
+  var n = this, i = w(null), o = w(0), l = w(0), c = w(null), d = w([]), u = w(), m = w(), x = w(s), p = w(!0);
+  x.current = s;
+  var f = typeof window < "u", j = !t && t !== 0 && f;
   if (typeof s != "function") throw new TypeError("Expected a function");
   t = +t || 0;
-  var v = !!(r = r || {}).leading, j = !("trailing" in r) || !!r.trailing, x = "maxWait" in r, C = "debounceOnServer" in r && !!r.debounceOnServer, w = x ? Math.max(+r.maxWait || 0, t) : null;
-  E(function() {
-    return f.current = !0, function() {
-      f.current = !1;
+  var g = !!(r = r || {}).leading, v = !("trailing" in r) || !!r.trailing, b = "maxWait" in r, y = "debounceOnServer" in r && !!r.debounceOnServer, C = b ? Math.max(+r.maxWait || 0, t) : null;
+  I(function() {
+    return p.current = !0, function() {
+      p.current = !1;
     };
   }, []);
-  var k = I(function() {
-    var y = function(N) {
-      var S = d.current, z = u.current;
-      return d.current = u.current = null, l.current = N, c.current = c.current || N, m.current = p.current.apply(z, S);
-    }, b = function(N, S) {
-      h && cancelAnimationFrame(o.current), o.current = h ? requestAnimationFrame(N) : setTimeout(N, S);
-    }, M = function(N) {
-      if (!f.current) return !1;
-      var S = N - a.current;
-      return !a.current || S >= t || S < 0 || x && N - l.current >= w;
-    }, H = function(N) {
-      return o.current = null, j && d.current ? y(N) : (d.current = u.current = null, m.current);
-    }, D = function N() {
-      var S = Date.now();
-      if (v && c.current === l.current && O(), M(S)) return H(S);
-      if (f.current) {
-        var z = t - (S - a.current), Q = x ? Math.min(z, w - (S - l.current)) : z;
-        b(N, Q);
+  var k = E(function() {
+    var h = function(N) {
+      var _ = d.current, D = u.current;
+      return d.current = u.current = null, o.current = N, l.current = l.current || N, m.current = x.current.apply(D, _);
+    }, R = function(N, _) {
+      j && cancelAnimationFrame(c.current), c.current = j ? requestAnimationFrame(N) : setTimeout(N, _);
+    }, ee = function(N) {
+      if (!p.current) return !1;
+      var _ = N - i.current;
+      return !i.current || _ >= t || _ < 0 || b && N - o.current >= C;
+    }, O = function(N) {
+      return c.current = null, v && d.current ? h(N) : (d.current = u.current = null, m.current);
+    }, F = function N() {
+      var _ = Date.now();
+      if (g && l.current === o.current && V(), ee(_)) return O(_);
+      if (p.current) {
+        var D = t - (_ - i.current), q = b ? Math.min(D, C - (_ - o.current)) : D;
+        R(N, q);
       }
-    }, O = function() {
-      i && i({});
-    }, F = function() {
-      if (g || C) {
-        var N = Date.now(), S = M(N);
-        if (d.current = [].slice.call(arguments), u.current = n, a.current = N, S) {
-          if (!o.current && f.current) return l.current = a.current, b(D, t), v ? y(a.current) : m.current;
-          if (x) return b(D, t), y(a.current);
+    }, V = function() {
+      a && a({});
+    }, M = function() {
+      if (f || y) {
+        var N = Date.now(), _ = ee(N);
+        if (d.current = [].slice.call(arguments), u.current = n, i.current = N, _) {
+          if (!c.current && p.current) return o.current = i.current, R(F, t), g ? h(i.current) : m.current;
+          if (b) return R(F, t), h(i.current);
         }
-        return o.current || b(D, t), m.current;
+        return c.current || R(F, t), m.current;
       }
     };
-    return F.cancel = function() {
-      var N = o.current;
-      N && (h ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), l.current = 0, d.current = a.current = u.current = o.current = null, N && i && i({});
-    }, F.isPending = function() {
-      return !!o.current;
-    }, F.flush = function() {
-      return o.current ? H(Date.now()) : m.current;
-    }, F;
-  }, [v, x, t, w, j, h, g, C, i]);
+    return M.cancel = function() {
+      var N = c.current;
+      N && (j ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), o.current = 0, d.current = i.current = u.current = c.current = null, N && a && a({});
+    }, M.isPending = function() {
+      return !!c.current;
+    }, M.flush = function() {
+      return c.current ? O(Date.now()) : m.current;
+    }, M;
+  }, [g, b, t, C, v, j, f, y, a]);
   return k;
 }
-function gt(s, t) {
+function xt(s, t) {
   return s === t;
 }
-function Ge(s, t, r) {
-  var i = gt, n = _(s), a = R({})[1], l = bt(V(function(o) {
-    n.current = o, a({});
-  }, [a]), t, r, a), c = _(s);
-  return i(c.current, s) || (l(s), c.current = s), [n.current, l];
+function Qe(s, t, r) {
+  var a = xt, n = w(s), i = T({})[1], o = ft(B(function(c) {
+    n.current = c, i({});
+  }, [i]), t, r, i), l = w(s);
+  return a(l.current, s) || (o(s), l.current = s), [n.current, o];
 }
-function jt(s) {
-  const [t] = Ge(s, 200);
-  return ht({
+function bt(s) {
+  const [t] = Qe(s, 200);
+  return mt({
     searchParams: {
       ...t && { search: t },
       limit: "100",
@@ -509,9 +509,9 @@ function jt(s) {
     }
   });
 }
-function vt(s) {
-  const [t] = Ge(s, 200), r = t ? `title:~'${t.replace(/'/g, "\\'")}'` : "";
-  return fs({
+function gt(s) {
+  const [t] = Qe(s, 200), r = t ? `title:~'${t.replace(/'/g, "\\'")}'` : "";
+  return hs({
     searchParams: {
       ...r && { filter: r },
       limit: "100",
@@ -520,16 +520,16 @@ function vt(s) {
     }
   });
 }
-const Ct = ({
+const jt = ({
   knownPosts: s,
   knownMembers: t,
   filters: r,
-  onFiltersChange: i
+  onFiltersChange: a
 }) => {
-  const n = ke({
+  const n = ye({
     knownItems: s,
-    useSearch: vt,
-    useGetById: xs,
+    useSearch: gt,
+    useGetById: ps,
     searchFieldName: "posts",
     filters: r,
     filterFieldName: "post",
@@ -537,10 +537,10 @@ const Ct = ({
       value: d.id,
       label: d.title || "(Untitled)"
     })
-  }), a = ke({
+  }), i = ye({
     knownItems: t,
-    useSearch: jt,
-    useGetById: pt,
+    useSearch: bt,
+    useGetById: ut,
     searchFieldName: "members",
     filters: r,
     filterFieldName: "author",
@@ -549,17 +549,17 @@ const Ct = ({
       label: d.name || "Unknown name",
       detail: d.email ?? "(Unknown email)"
     })
-  }), l = I(
+  }), o = E(
     () => [
       {
         key: "author",
         label: "Author",
         type: "select",
         icon: /* @__PURE__ */ e.jsx(oe, { className: "size-4" }),
-        options: a.options,
-        isLoading: a.options.length === 0 && a.isLoading,
-        onSearchChange: a.onSearchChange,
-        searchValue: a.searchValue,
+        options: i.options,
+        isLoading: i.options.length === 0 && i.isLoading,
+        onSearchChange: i.onSearchChange,
+        searchValue: i.searchValue,
         searchable: !0,
         className: "w-80",
         popoverContentClassName: "w-80",
@@ -572,7 +572,7 @@ const Ct = ({
         key: "post",
         label: "Post",
         type: "select",
-        icon: /* @__PURE__ */ e.jsx(ws, { className: "size-4" }),
+        icon: /* @__PURE__ */ e.jsx(Ns, { className: "size-4" }),
         options: n.options,
         isLoading: n.options.length === 0 && n.isLoading,
         onSearchChange: n.onSearchChange,
@@ -589,7 +589,7 @@ const Ct = ({
         key: "body",
         label: "Text",
         type: "text",
-        icon: /* @__PURE__ */ e.jsx(_s, { className: "size-4" }),
+        icon: /* @__PURE__ */ e.jsx(ks, { className: "size-4" }),
         placeholder: "Search comment text...",
         operators: [
           { value: "contains", label: "contains" },
@@ -603,7 +603,7 @@ const Ct = ({
         key: "status",
         label: "Status",
         type: "select",
-        icon: /* @__PURE__ */ e.jsx(js, { className: "size-4" }),
+        icon: /* @__PURE__ */ e.jsx(xs, { className: "size-4" }),
         options: [
           { value: "published", label: "Published" },
           { value: "hidden", label: "Hidden" }
@@ -634,7 +634,7 @@ const Ct = ({
         label: "Date",
         type: "date",
         className: "w-full max-w-32",
-        icon: /* @__PURE__ */ e.jsx(Ss, { className: "size-4" }),
+        icon: /* @__PURE__ */ e.jsx(ws, { className: "size-4" }),
         operators: [
           { value: "is", label: "is" },
           { value: "before", label: "before" },
@@ -642,92 +642,92 @@ const Ct = ({
         ]
       }
     ],
-    [n, a]
-  ), c = r.length > 0, o = T(
+    [n, i]
+  ), l = r.length > 0, c = P(
     "flex flex-row",
-    !c && "[grid-area:actions] pt-5 justify-start sm:justify-end sm:pt-0",
-    c && "col-start-1 col-end-4 row-start-3 pt-5"
+    !l && "[grid-area:actions] pt-5 justify-start sm:justify-end sm:pt-0",
+    l && "col-start-1 col-end-4 row-start-3 pt-5"
   );
-  return /* @__PURE__ */ e.jsx("div", { className: o, children: /* @__PURE__ */ e.jsx(
-    ms,
+  return /* @__PURE__ */ e.jsx("div", { className: c, children: /* @__PURE__ */ e.jsx(
+    cs,
     {
-      addButtonIcon: c ? /* @__PURE__ */ e.jsx(Ps, {}) : /* @__PURE__ */ e.jsx(Ts, {}),
-      addButtonText: c ? "Add filter" : "Filter",
+      addButtonIcon: l ? /* @__PURE__ */ e.jsx(_s, {}) : /* @__PURE__ */ e.jsx(Ss, {}),
+      addButtonText: l ? "Add filter" : "Filter",
       allowMultiple: !1,
-      className: `[&>button]:order-last ${c ? "[&>button]:border-none" : "w-auto"}`,
+      className: `[&>button]:order-last ${l ? "[&>button]:border-none" : "w-auto"}`,
       clearButtonClassName: "font-normal text-muted-foreground",
-      clearButtonIcon: /* @__PURE__ */ e.jsx(Ms, {}),
+      clearButtonIcon: /* @__PURE__ */ e.jsx(Is, {}),
       clearButtonText: "Clear",
-      fields: l,
+      fields: o,
       filters: r,
       keyboardShortcut: "f",
-      popoverAlign: c ? "start" : "end",
-      showClearButton: c,
+      popoverAlign: l ? "start" : "end",
+      showClearButton: l,
       showSearchInput: !1,
-      onChange: i
+      onChange: a
     }
   ) });
-}, yt = ({ children: s }) => /* @__PURE__ */ e.jsxs(ye, { className: "relative !pb-6 md:sticky", variant: "inline-nav", children: [
-  /* @__PURE__ */ e.jsx(ye.Title, { children: "Comments" }),
+}, vt = ({ children: s }) => /* @__PURE__ */ e.jsxs(ve, { className: "relative !pb-6 md:sticky", variant: "inline-nav", children: [
+  /* @__PURE__ */ e.jsx(ve.Title, { children: "Comments" }),
   s
-] }), Nt = ({ children: s }) => /* @__PURE__ */ e.jsx(Os, { children: /* @__PURE__ */ e.jsx("div", { className: "grid w-full grow", children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", "data-testid": "comments-page", children: s }) }) });
-function kt({ onClick: s, expanded: t }) {
+] }), Ct = ({ children: s }) => /* @__PURE__ */ e.jsx(Fs, { children: /* @__PURE__ */ e.jsx("div", { className: "grid w-full grow", children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", "data-testid": "comments-page", children: s }) }) });
+function yt({ onClick: s, expanded: t }) {
   return /* @__PURE__ */ e.jsxs(
-    P,
+    S,
     {
       className: "shrink-0 gap-0.5 self-start p-0 text-base hover:bg-transparent",
       variant: "ghost",
       onClick: s,
       children: [
         t ? "Show less" : "Show more",
-        t ? /* @__PURE__ */ e.jsx(Rs, {}) : /* @__PURE__ */ e.jsx(Us, {})
+        t ? /* @__PURE__ */ e.jsx(Ps, {}) : /* @__PURE__ */ e.jsx(Bs, {})
       ]
     }
   );
 }
-function Ye({ item: s }) {
-  const t = _(null), [r, i] = R(!1), [n, a] = R(!1);
-  return E(() => {
+function Ke({ item: s }) {
+  const t = w(null), [r, a] = T(!1), [n, i] = T(!1);
+  return I(() => {
     if (n)
       return;
-    const l = () => {
-      t.current && i(t.current.scrollHeight > t.current.clientHeight);
+    const o = () => {
+      t.current && a(t.current.scrollHeight > t.current.clientHeight);
     };
-    return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
+    return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
   }, [s.html, n]), /* @__PURE__ */ e.jsx("div", { className: "mt-1 flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: `flex max-w-full flex-col items-start ${s.status === "hidden" && "opacity-50"}`, children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         dangerouslySetInnerHTML: { __html: s.html || "" },
         ref: t,
-        className: T(
+        className: P(
           "prose flex-1 text-base max-w-[80ch] balance leading-[1.5em] [&_*]:leading-[1.5em] [&_*]:text-base [&_*]:font-normal [&_blockquote]:border-l-[3px] [&_blockquote]:border-foreground [&_blockquote]:p-0 [&_blockquote]:pl-3 [&_blockquote_p]:mt-0 [&_a]:underline",
           n ? "-mb-1 [&_p]:mb-[0.85em]" : "line-clamp-2 [&_p]:m-0 [&_blockquote+p]:mt-1 mb-1"
         )
       }
     ),
-    r && /* @__PURE__ */ e.jsx(kt, { expanded: n, onClick: () => a(!n) })
+    r && /* @__PURE__ */ e.jsx(yt, { expanded: n, onClick: () => i(!n) })
   ] }) });
 }
-const ee = "CommentsResponseType", wt = ps({
-  dataType: ee,
+const J = "CommentsResponseType", Nt = us({
+  dataType: J,
   path: "/comments/",
   defaultNextPageParams: (s, t) => {
-    var r, i;
+    var r, a;
     return (r = s.meta) != null && r.pagination.next ? {
       ...t,
-      page: (((i = s.meta) == null ? void 0 : i.pagination.next) || 1).toString()
+      page: (((a = s.meta) == null ? void 0 : a.pagination.next) || 1).toString()
     } : void 0;
   },
   returnData: (s) => {
-    const { pages: t } = s, r = t.flatMap((n) => n.comments), i = t[t.length - 1].meta;
+    const { pages: t } = s, r = t.flatMap((n) => n.comments), a = t[t.length - 1].meta;
     return {
       comments: r,
-      meta: i,
-      isEnd: i ? i.pagination.pages === i.pagination.page : !0
+      meta: a,
+      isEnd: a ? a.pagination.pages === a.pagination.page : !0
     };
   }
-}), Xe = (s) => wt({
+}), Ge = (s) => Nt({
   ...s,
   searchParams: {
     limit: "100",
@@ -735,7 +735,7 @@ const ee = "CommentsResponseType", wt = ps({
     include: "member,post,parent",
     ...s == null ? void 0 : s.searchParams
   }
-}), Ze = Z({
+}), Ye = X({
   method: "PUT",
   path: ({ id: s }) => `/comments/${s}/`,
   body: ({ id: s }) => ({
@@ -745,9 +745,9 @@ const ee = "CommentsResponseType", wt = ps({
     }]
   }),
   invalidateQueries: {
-    dataType: ee
+    dataType: J
   }
-}), Je = Z({
+}), Xe = X({
   method: "PUT",
   path: ({ id: s }) => `/comments/${s}/`,
   body: ({ id: s }) => ({
@@ -757,18 +757,18 @@ const ee = "CommentsResponseType", wt = ps({
     }]
   }),
   invalidateQueries: {
-    dataType: ee
+    dataType: J
   }
-}), _t = X({
-  dataType: ee,
+}), kt = Y({
+  dataType: J,
   path: (s) => `/comments/${s}/`,
   defaultSearchParams: {
     include: "member,post,count.replies,count.direct_replies,count.likes,count.reports,parent,in_reply_to"
   }
-}), St = X({
+}), wt = Y({
   dataType: "CommentReportsResponseType",
   path: (s) => `/comments/${s}/reports/`
-}), Pt = (s, t) => St(s, { ...t }), Tt = X({
+}), _t = (s, t) => wt(s, { ...t }), St = Y({
   dataType: "CommentLikesResponseType",
   path: (s) => `/comments/${s}/likes/`,
   defaultSearchParams: {
@@ -776,7 +776,7 @@ const ee = "CommentsResponseType", wt = ps({
     limit: "100",
     order: "created_at desc"
   }
-}), Rt = (s, t) => Tt(s, { ...t }), Lt = (s, t) => Xe({
+}), Pt = (s, t) => St(s, { ...t }), Tt = (s, t) => Ge({
   ...t,
   searchParams: {
     filter: `(parent_id:${s}+in_reply_to_id:null),in_reply_to_id:${s}`,
@@ -785,17 +785,17 @@ const ee = "CommentsResponseType", wt = ps({
     limit: "100"
   }
 });
-function B({ avatarImage: s, memberId: t, isHidden: r, className: i }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: T(
+function z({ avatarImage: s, memberId: t, isHidden: r, className: a }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: P(
     "relative flex size-6 min-w-6 items-center justify-center overflow-hidden rounded-full bg-accent md:size-8 md:min-w-8",
     r && "opacity-50",
-    i
+    a
   ), children: [
     t && s && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ e.jsx("img", { alt: "Member avatar", src: s }) }),
     /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(oe, { className: "!size-3 text-muted-foreground md:!size-4", size: 12 }) })
   ] });
 }
-function It(s) {
+function Rt(s) {
   const t = new Date(s);
   return new Intl.DateTimeFormat("en-US", {
     month: "short",
@@ -805,34 +805,34 @@ function It(s) {
     minute: "numeric"
   }).format(t).replace(/(\d+),(\s+\d{4})/, "$1$2");
 }
-function es({
+function Ze({
   memberName: s,
   memberId: t,
   createdAt: r,
-  isHidden: i,
+  isHidden: a,
   canComment: n,
-  onAuthorClick: a,
-  postTitle: l,
-  onPostClick: c,
-  className: o
+  onAuthorClick: i,
+  postTitle: o,
+  onPostClick: l,
+  className: c
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: T("flex items-baseline gap-4", o), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: T(
+  return /* @__PURE__ */ e.jsxs("div", { className: P("flex items-baseline gap-4", c), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: P(
       "mb-1 flex min-w-0 items-center gap-x-1 text-sm",
-      i && "opacity-50"
+      a && "opacity-50"
     ), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "whitespace-nowrap", children: t && a ? /* @__PURE__ */ e.jsx(
-        P,
+      /* @__PURE__ */ e.jsx("div", { className: "whitespace-nowrap", children: t && i ? /* @__PURE__ */ e.jsx(
+        S,
         {
           className: "flex h-auto items-center gap-1.5 truncate p-0 font-semibold text-primary hover:opacity-70",
           variant: "link",
-          onClick: a,
+          onClick: i,
           children: s || "Unknown"
         }
       ) : /* @__PURE__ */ e.jsx("span", { className: "block truncate font-semibold", children: s || "Unknown" }) }),
       n === !1 && /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsxs(re, { children: [
         /* @__PURE__ */ e.jsx(ne, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { "data-testid": "commenting-disabled-indicator", children: /* @__PURE__ */ e.jsx(
-          Te,
+          Se,
           {
             className: "size-3.5 text-muted-foreground"
           }
@@ -841,129 +841,125 @@ function es({
       ] }) }),
       /* @__PURE__ */ e.jsx(ce, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
       /* @__PURE__ */ e.jsx("div", { className: "shrink-0 whitespace-nowrap", children: r && /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsxs(re, { children: [
-        /* @__PURE__ */ e.jsx(ne, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-default text-sm text-muted-foreground", children: q(r) }) }),
-        /* @__PURE__ */ e.jsx(ae, { children: It(r) })
+        /* @__PURE__ */ e.jsx(ne, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-default text-sm text-muted-foreground", children: A(r) }) }),
+        /* @__PURE__ */ e.jsx(ae, { children: Rt(r) })
       ] }) }) }),
-      l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("div", { className: "shrink-0 text-muted-foreground", children: "on" }),
-        /* @__PURE__ */ e.jsx("div", { className: "min-w-0 truncate", children: c ? /* @__PURE__ */ e.jsx(
-          P,
+        /* @__PURE__ */ e.jsx("div", { className: "min-w-0 truncate", children: l ? /* @__PURE__ */ e.jsx(
+          S,
           {
             className: "block h-auto w-full cursor-pointer truncate p-0 text-left font-medium text-gray-800 hover:opacity-70 dark:text-gray-400",
             variant: "link",
-            onClick: c,
-            children: l
+            onClick: l,
+            children: o
           }
-        ) : /* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-800 dark:text-gray-400", children: l }) })
+        ) : /* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-800 dark:text-gray-400", children: o }) })
       ] })
     ] }),
-    i && /* @__PURE__ */ e.jsx(Js, { variant: "secondary", children: "Hidden" })
+    a && /* @__PURE__ */ e.jsx(Xs, { variant: "secondary", children: "Hidden" })
   ] });
 }
-function Et({
+function Lt({
   open: s,
   memberName: t,
   onOpenChange: r,
-  onConfirm: i
+  onConfirm: a
 }) {
-  const [n, a] = R(!1), l = (o) => {
-    o || a(!1), r(o);
-  }, c = () => {
-    i(n), a(!1);
+  const [n, i] = T(!1), o = (c) => {
+    c || i(!1), r(c);
+  }, l = () => {
+    a(n), i(!1);
   };
-  return /* @__PURE__ */ e.jsx(de, { open: s, onOpenChange: l, children: /* @__PURE__ */ e.jsxs(me, { className: "gap-5", children: [
+  return /* @__PURE__ */ e.jsx(de, { open: s, onOpenChange: o, children: /* @__PURE__ */ e.jsxs(me, { className: "gap-5", children: [
     /* @__PURE__ */ e.jsxs(ue, { children: [
       /* @__PURE__ */ e.jsx(he, { children: "Disable comments" }),
-      /* @__PURE__ */ e.jsxs(Ds, { children: [
+      /* @__PURE__ */ e.jsxs($s, { children: [
         t || "This member",
         " won't be able to comment in the future. You can re-enable commenting anytime."
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Ue,
+        Be,
         {
           checked: n,
           id: "hide-comments",
-          onCheckedChange: (o) => a(o === !0)
+          onCheckedChange: (c) => i(c === !0)
         }
       ),
-      /* @__PURE__ */ e.jsx(Qe, { htmlFor: "hide-comments", children: "Hide all previous comments" })
+      /* @__PURE__ */ e.jsx(qe, { htmlFor: "hide-comments", children: "Hide all previous comments" })
     ] }),
     /* @__PURE__ */ e.jsxs(pe, { children: [
-      /* @__PURE__ */ e.jsx(P, { variant: "outline", onClick: () => l(!1), children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(P, { onClick: c, children: "Disable comments" })
+      /* @__PURE__ */ e.jsx(S, { variant: "outline", onClick: () => o(!1), children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(S, { onClick: l, children: "Disable comments" })
     ] })
   ] }) });
 }
-function ss({
-  comment: s,
-  commentPermalinksEnabled: t
+function Je({
+  comment: s
 }) {
-  const { mutate: r } = ft(), { mutate: i } = xt(), [n, a] = R(!1), { id: l, post: c, member: o } = s, d = c == null ? void 0 : c.url, u = o == null ? void 0 : o.id, m = o == null ? void 0 : o.can_comment, p = (g) => {
-    u && (r({
-      id: u,
-      reason: `Disabled from comment ${l}`,
-      hideComments: g
-    }), a(!1));
-  }, f = () => {
-    u && i({ id: u });
+  const { mutate: t } = ht(), { mutate: r } = pt(), [a, n] = T(!1), { id: i, post: o, member: l } = s, c = o == null ? void 0 : o.url, d = l == null ? void 0 : l.id, u = l == null ? void 0 : l.can_comment, m = (p) => {
+    d && (t({
+      id: d,
+      reason: `Disabled from comment ${i}`,
+      hideComments: p
+    }), n(!1));
+  }, x = () => {
+    d && r({ id: d });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(vs, { children: [
-      /* @__PURE__ */ e.jsx(Cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        P,
+    /* @__PURE__ */ e.jsxs(bs, { children: [
+      /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        S,
         {
           className: "relative z-10 text-gray-800 hover:bg-secondary [&_svg]:size-4",
           size: "sm",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ys, {})
+          children: /* @__PURE__ */ e.jsx(js, {})
         }
       ) }),
-      /* @__PURE__ */ e.jsxs(Ns, { align: "start", children: [
-        d && (t ? /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `${d}#ghost-comments-${l}`, rel: "noopener noreferrer", target: "_blank", children: [
-          /* @__PURE__ */ e.jsx(Ce, { className: "size-4" }),
+      /* @__PURE__ */ e.jsxs(vs, { align: "start", children: [
+        c && /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `${c}#ghost-comments-${i}`, rel: "noopener noreferrer", target: "_blank", children: [
+          /* @__PURE__ */ e.jsx(Cs, { className: "size-4" }),
           "View on post"
-        ] }) }) : /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: d, rel: "noopener noreferrer", target: "_blank", children: [
-          /* @__PURE__ */ e.jsx(Ce, { className: "size-4" }),
-          "View post"
-        ] }) })),
-        u && /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `#/members/${u}`, children: [
+        ] }) }),
+        d && /* @__PURE__ */ e.jsx(W, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `#/members/${d}`, children: [
           /* @__PURE__ */ e.jsx(oe, { className: "size-4" }),
           "View member"
         ] }) }),
-        u && (m !== !1 ? /* @__PURE__ */ e.jsxs(A, { onClick: () => a(!0), children: [
-          /* @__PURE__ */ e.jsx(Te, { className: "size-4" }),
+        d && (u !== !1 ? /* @__PURE__ */ e.jsxs(W, { onClick: () => n(!0), children: [
+          /* @__PURE__ */ e.jsx(Se, { className: "size-4" }),
           "Disable commenting"
-        ] }) : /* @__PURE__ */ e.jsxs(A, { onClick: f, children: [
-          /* @__PURE__ */ e.jsx(Ls, { className: "size-4" }),
+        ] }) : /* @__PURE__ */ e.jsxs(W, { onClick: x, children: [
+          /* @__PURE__ */ e.jsx(Ts, { className: "size-4" }),
           "Enable commenting"
         ] }))
       ] })
     ] }),
     /* @__PURE__ */ e.jsx(
-      Et,
+      Lt,
       {
-        memberName: o == null ? void 0 : o.name,
-        open: n,
-        onConfirm: p,
-        onOpenChange: a
+        memberName: l == null ? void 0 : l.name,
+        open: a,
+        onConfirm: m,
+        onOpenChange: n
       }
     )
   ] });
 }
-function $t({ comment: s, open: t, onOpenChange: r }) {
-  var o, d, u, m, p;
-  const { data: i, isLoading: n } = Rt(s.id, { enabled: t }), a = (i == null ? void 0 : i.comment_likes) ?? [], l = ((o = s.count) == null ? void 0 : o.likes) ?? 0, c = l - a.length;
+function Et({ comment: s, open: t, onOpenChange: r }) {
+  var c, d, u, m, x;
+  const { data: a, isLoading: n } = Pt(s.id, { enabled: t }), i = (a == null ? void 0 : a.comment_likes) ?? [], o = ((c = s.count) == null ? void 0 : c.likes) ?? 0, l = o - i.length;
   return /* @__PURE__ */ e.jsx(de, { open: t, onOpenChange: r, children: /* @__PURE__ */ e.jsxs(me, { "aria-describedby": void 0, children: [
     /* @__PURE__ */ e.jsx(ue, { children: /* @__PURE__ */ e.jsxs(he, { children: [
-      l,
+      o,
       " ",
-      l === 1 ? "like" : "likes"
+      o === 1 ? "like" : "likes"
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border p-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
       /* @__PURE__ */ e.jsx(
-        B,
+        z,
         {
           avatarImage: (d = s.member) == null ? void 0 : d.avatar_image,
           className: "shrink-0",
@@ -974,9 +970,9 @@ function $t({ comment: s, open: t, onOpenChange: r }) {
         /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-center gap-1 text-sm", children: [
           /* @__PURE__ */ e.jsx("span", { className: "shrink-0 font-semibold", children: ((m = s.member) == null ? void 0 : m.name) || "Unknown" }),
           /* @__PURE__ */ e.jsx(ce, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
-          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && q(s.created_at) }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && A(s.created_at) }),
           /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: "on" }),
-          /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate font-medium text-gray-800 dark:text-gray-400", children: ((p = s.post) == null ? void 0 : p.title) || "Unknown post" })
+          /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate font-medium text-gray-800 dark:text-gray-400", children: ((x = s.post) == null ? void 0 : x.title) || "Unknown post" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "div",
@@ -987,49 +983,49 @@ function $t({ comment: s, open: t, onOpenChange: r }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: n ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(W, { size: "md" }) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 pb-1", children: [
-      a.map((f) => {
-        var g, h, v;
+    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: n ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(U, { size: "md" }) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 pb-1", children: [
+      i.map((p) => {
+        var f, j, g;
         return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "relative shrink-0", children: [
               /* @__PURE__ */ e.jsx(
-                B,
+                z,
                 {
-                  avatarImage: (g = f.member) == null ? void 0 : g.avatar_image,
-                  memberId: (h = f.member) == null ? void 0 : h.id
+                  avatarImage: (f = p.member) == null ? void 0 : f.avatar_image,
+                  memberId: (j = p.member) == null ? void 0 : j.id
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full bg-pink-500 text-white", children: /* @__PURE__ */ e.jsx(Re, { className: "size-2.5", fill: "currentColor" }) })
+              /* @__PURE__ */ e.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full bg-pink-500 text-white", children: /* @__PURE__ */ e.jsx(Pe, { className: "size-2.5", fill: "currentColor" }) })
             ] }),
-            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((v = f.member) == null ? void 0 : v.name) || "Deleted member" })
+            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((g = p.member) == null ? void 0 : g.name) || "Deleted member" })
           ] }),
-          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: q(f.created_at) })
-        ] }, f.id);
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: A(p.created_at) })
+        ] }, p.id);
       }),
-      c > 0 && /* @__PURE__ */ e.jsxs("div", { className: "pt-1 text-center text-sm text-muted-foreground", children: [
+      l > 0 && /* @__PURE__ */ e.jsxs("div", { className: "pt-1 text-center text-sm text-muted-foreground", children: [
         "and ",
-        c,
+        l,
         " more"
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(P, { onClick: () => r(!1), children: "OK" }) })
+    /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(S, { onClick: () => r(!1), children: "OK" }) })
   ] }) });
 }
-function Mt({ comment: s, open: t, onOpenChange: r }) {
-  var c, o, d, u, m;
-  const { data: i, isLoading: n } = Pt(s.id, { enabled: t }), a = (i == null ? void 0 : i.comment_reports) ?? [], l = ((c = s.count) == null ? void 0 : c.reports) ?? a.length;
+function It({ comment: s, open: t, onOpenChange: r }) {
+  var l, c, d, u, m;
+  const { data: a, isLoading: n } = _t(s.id, { enabled: t }), i = (a == null ? void 0 : a.comment_reports) ?? [], o = ((l = s.count) == null ? void 0 : l.reports) ?? i.length;
   return /* @__PURE__ */ e.jsx(de, { open: t, onOpenChange: r, children: /* @__PURE__ */ e.jsxs(me, { "aria-describedby": void 0, children: [
     /* @__PURE__ */ e.jsx(ue, { children: /* @__PURE__ */ e.jsxs(he, { children: [
-      l,
+      o,
       " ",
-      l === 1 ? "report" : "reports"
+      o === 1 ? "report" : "reports"
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border p-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
       /* @__PURE__ */ e.jsx(
-        B,
+        z,
         {
-          avatarImage: (o = s.member) == null ? void 0 : o.avatar_image,
+          avatarImage: (c = s.member) == null ? void 0 : c.avatar_image,
           className: "shrink-0",
           memberId: (d = s.member) == null ? void 0 : d.id
         }
@@ -1038,7 +1034,7 @@ function Mt({ comment: s, open: t, onOpenChange: r }) {
         /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-center gap-1 text-sm", children: [
           /* @__PURE__ */ e.jsx("span", { className: "shrink-0 font-semibold", children: ((u = s.member) == null ? void 0 : u.name) || "Unknown" }),
           /* @__PURE__ */ e.jsx(ce, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
-          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && q(s.created_at) }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && A(s.created_at) }),
           /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: "on" }),
           /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate font-medium text-gray-800 dark:text-gray-400", children: ((m = s.post) == null ? void 0 : m.title) || "Unknown post" })
         ] }),
@@ -1051,57 +1047,57 @@ function Mt({ comment: s, open: t, onOpenChange: r }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: n ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(W, { size: "md" }) }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-1", children: a.map((p) => {
-      var f, g, h;
+    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: n ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(U, { size: "md" }) }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-1", children: i.map((x) => {
+      var p, f, j;
       return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "relative shrink-0", children: [
             /* @__PURE__ */ e.jsx(
-              B,
+              z,
               {
-                avatarImage: (f = p.member) == null ? void 0 : f.avatar_image,
-                memberId: (g = p.member) == null ? void 0 : g.id
+                avatarImage: (p = x.member) == null ? void 0 : p.avatar_image,
+                memberId: (f = x.member) == null ? void 0 : f.id
               }
             ),
             /* @__PURE__ */ e.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full bg-red text-white", children: /* @__PURE__ */ e.jsx(le, { className: "size-2.5", fill: "currentColor" }) })
           ] }),
-          /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((h = p.member) == null ? void 0 : h.name) || "Deleted member" })
+          /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((j = x.member) == null ? void 0 : j.name) || "Deleted member" })
         ] }),
-        /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: q(p.created_at) })
-      ] }, p.id);
+        /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: A(x.created_at) })
+      ] }, x.id);
     }) }) }),
-    /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(P, { onClick: () => r(!1), children: "OK" }) })
+    /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(S, { onClick: () => r(!1), children: "OK" }) })
   ] }) });
 }
-function se({ icon: s, count: t, label: r, to: i, onClick: n, className: a, testId: l }) {
-  const c = T("flex items-center gap-1 text-xs text-gray-800", a), o = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+function se({ icon: s, count: t, label: r, to: a, onClick: n, className: i, testId: o }) {
+  const l = P("flex items-center gap-1 text-xs text-gray-800", i), c = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     s,
-    /* @__PURE__ */ e.jsx("span", { children: ls(t) })
-  ] }), d = i || n;
+    /* @__PURE__ */ e.jsx("span", { children: is(t) })
+  ] }), d = a || n;
   return /* @__PURE__ */ e.jsx(te, { children: /* @__PURE__ */ e.jsxs(re, { children: [
-    /* @__PURE__ */ e.jsx(ne, { asChild: !0, children: i ? /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(ne, { asChild: !0, children: a ? /* @__PURE__ */ e.jsx(
       ie,
       {
-        className: T(c, "cursor-pointer hover:opacity-70"),
-        "data-testid": l,
-        to: i,
+        className: P(l, "cursor-pointer hover:opacity-70"),
+        "data-testid": o,
+        to: a,
         onClick: (u) => {
           u.stopPropagation();
         },
-        children: o
+        children: c
       }
     ) : n ? /* @__PURE__ */ e.jsx(
       "button",
       {
-        className: T(c, "cursor-pointer hover:opacity-70"),
-        "data-testid": l,
+        className: P(l, "cursor-pointer hover:opacity-70"),
+        "data-testid": o,
         type: "button",
         onClick: (u) => {
           u.stopPropagation(), n();
         },
-        children: o
+        children: c
       }
-    ) : /* @__PURE__ */ e.jsx("div", { className: c, "data-testid": l, children: o }) }),
+    ) : /* @__PURE__ */ e.jsx("div", { className: l, "data-testid": o, children: c }) }),
     /* @__PURE__ */ e.jsx(ae, { children: d ? `View ${r.toLowerCase()}` : r })
   ] }) });
 }
@@ -1111,63 +1107,63 @@ function ge(s, t) {
   const r = new URLSearchParams(s);
   return r.set("thread", `is:${t}`), `?${r.toString()}`;
 }
-function ts({
+function es({
   comment: s,
   className: t
 }) {
-  var g, h, v, j, x;
-  const [r] = Y(), [i, n] = R(!1), [a, l] = R(!1), c = ge(r, s.id), o = ((g = s.count) == null ? void 0 : g.direct_replies) ?? ((h = s.count) == null ? void 0 : h.replies) ?? ((v = s.replies) == null ? void 0 : v.length) ?? 0, d = ((j = s.count) == null ? void 0 : j.likes) ?? 0, u = ((x = s.count) == null ? void 0 : x.reports) ?? 0, m = o > 0, p = d > 0, f = u > 0;
+  var f, j, g, v, b;
+  const [r] = G(), [a, n] = T(!1), [i, o] = T(!1), l = ge(r, s.id), c = ((f = s.count) == null ? void 0 : f.direct_replies) ?? ((j = s.count) == null ? void 0 : j.replies) ?? ((g = s.replies) == null ? void 0 : g.length) ?? 0, d = ((v = s.count) == null ? void 0 : v.likes) ?? 0, u = ((b = s.count) == null ? void 0 : b.reports) ?? 0, m = c > 0, x = d > 0, p = u > 0;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: T("flex items-center gap-6", t), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: P("flex items-center gap-6", t), children: [
       /* @__PURE__ */ e.jsx(
         se,
         {
-          count: o,
-          icon: /* @__PURE__ */ e.jsx(Is, { size: 16, strokeWidth: 1.5 }),
+          count: c,
+          icon: /* @__PURE__ */ e.jsx(Rs, { size: 16, strokeWidth: 1.5 }),
           label: "Replies",
           testId: "replies-metric",
-          to: m ? c : void 0
+          to: m ? l : void 0
         }
       ),
       /* @__PURE__ */ e.jsx(
         se,
         {
           count: d,
-          icon: /* @__PURE__ */ e.jsx(Re, { size: 16, strokeWidth: 1.5 }),
+          icon: /* @__PURE__ */ e.jsx(Pe, { size: 16, strokeWidth: 1.5 }),
           label: "Likes",
-          onClick: p ? () => n(!0) : void 0
+          onClick: x ? () => n(!0) : void 0
         }
       ),
       /* @__PURE__ */ e.jsx(
         se,
         {
-          className: f ? "font-semibold text-red" : void 0,
+          className: p ? "font-semibold text-red" : void 0,
           count: u,
           icon: /* @__PURE__ */ e.jsx(le, { size: 16, strokeWidth: 1.5 }),
           label: "Reports",
-          onClick: f ? () => l(!0) : void 0
+          onClick: p ? () => o(!0) : void 0
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx(
-      $t,
+      Et,
       {
         comment: s,
-        open: i,
+        open: a,
         onOpenChange: n
       }
     ),
     /* @__PURE__ */ e.jsx(
-      Mt,
+      It,
       {
         comment: s,
-        open: a,
-        onOpenChange: l
+        open: i,
+        onOpenChange: o
       }
     )
   ] });
 }
-function Dt({ hasReplies: s }) {
+function $t({ hasReplies: s }) {
   return s ? /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1176,21 +1172,21 @@ function Dt({ hasReplies: s }) {
     }
   ) : null;
 }
-function rs({ comment: s, isReply: t = !1, isSelectedComment: r = !1, selectedCommentId: i, commentPermalinksEnabled: n }) {
-  var u, m, p, f, g, h, v, j;
-  const [a] = Y(), { mutate: l } = Ze(), { mutate: c } = Je(), o = (((u = s.replies) == null ? void 0 : u.length) ?? 0) > 0 || (((m = s.count) == null ? void 0 : m.direct_replies) ?? ((p = s.count) == null ? void 0 : p.replies) ?? 0) > 0, d = !o || t ? "mb-7" : "mb-0";
-  return /* @__PURE__ */ e.jsxs("div", { className: `flex w-full flex-row ${d}`, children: [
+function ss({ comment: s, isReply: t = !1, isSelectedComment: r = !1, selectedCommentId: a }) {
+  var d, u, m, x, p, f, j, g;
+  const [n] = G(), { mutate: i } = Ye(), { mutate: o } = Xe(), l = (((d = s.replies) == null ? void 0 : d.length) ?? 0) > 0 || (((u = s.count) == null ? void 0 : u.direct_replies) ?? ((m = s.count) == null ? void 0 : m.replies) ?? 0) > 0, c = !l || t ? "mb-7" : "mb-0";
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex w-full flex-row ${c}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mr-2 flex shrink-0 flex-col items-center justify-start md:mr-3", children: [
       /* @__PURE__ */ e.jsx(
-        B,
+        z,
         {
-          avatarImage: (f = s.member) == null ? void 0 : f.avatar_image,
+          avatarImage: (x = s.member) == null ? void 0 : x.avatar_image,
           className: "mb-3 shrink-0 md:mb-4",
           isHidden: s.status === "hidden",
-          memberId: (g = s.member) == null ? void 0 : g.id
+          memberId: (p = s.member) == null ? void 0 : p.id
         }
       ),
-      /* @__PURE__ */ e.jsx(Dt, { hasReplies: o && !t })
+      /* @__PURE__ */ e.jsx($t, { hasReplies: l && !t })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsxs(
       "div",
@@ -1200,13 +1196,13 @@ function rs({ comment: s, isReply: t = !1, isSelectedComment: r = !1, selectedCo
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
             /* @__PURE__ */ e.jsx(
-              es,
+              Ze,
               {
-                canComment: (h = s.member) == null ? void 0 : h.can_comment,
+                canComment: (f = s.member) == null ? void 0 : f.can_comment,
                 createdAt: s.created_at,
                 isHidden: s.status === "hidden",
-                memberId: (v = s.member) == null ? void 0 : v.id,
-                memberName: (j = s.member) == null ? void 0 : j.name
+                memberId: (j = s.member) == null ? void 0 : j.id,
+                memberName: (g = s.member) == null ? void 0 : g.name
               }
             ),
             s.in_reply_to_snippet && r && /* @__PURE__ */ e.jsxs("div", { className: `mb-1 line-clamp-1 text-sm ${s.status === "hidden" && "opacity-50"}`, children: [
@@ -1217,187 +1213,181 @@ function rs({ comment: s, isReply: t = !1, isSelectedComment: r = !1, selectedCo
                 {
                   className: "text-sm font-normal text-muted-foreground hover:text-foreground",
                   "data-testid": "replied-to-link",
-                  to: ge(a, s.in_reply_to_id || s.parent_id) || "",
-                  onClick: (x) => {
-                    x.stopPropagation();
+                  to: ge(n, s.in_reply_to_id || s.parent_id) || "",
+                  onClick: (v) => {
+                    v.stopPropagation();
                   },
                   children: s.in_reply_to_snippet
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx(Ye, { item: s }),
+            /* @__PURE__ */ e.jsx(Ke, { item: s }),
             /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-row flex-wrap items-center gap-3", children: [
-              s.status === "published" && /* @__PURE__ */ e.jsxs(P, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => l({ id: s.id }), children: [
-                /* @__PURE__ */ e.jsx(Le, {}),
+              s.status === "published" && /* @__PURE__ */ e.jsxs(S, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => i({ id: s.id }), children: [
+                /* @__PURE__ */ e.jsx(Te, {}),
                 /* @__PURE__ */ e.jsx("span", { className: "max-md:hidden", children: "Hide" })
               ] }),
-              s.status === "hidden" && /* @__PURE__ */ e.jsxs(P, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => c({ id: s.id }), children: [
-                /* @__PURE__ */ e.jsx(Ie, {}),
+              s.status === "hidden" && /* @__PURE__ */ e.jsxs(S, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => o({ id: s.id }), children: [
+                /* @__PURE__ */ e.jsx(Re, {}),
                 /* @__PURE__ */ e.jsx("span", { className: "max-md:hidden", children: "Show" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                ts,
+                es,
                 {
                   comment: s
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                ss,
+                Je,
                 {
-                  comment: s,
-                  commentPermalinksEnabled: n
+                  comment: s
                 }
               )
             ] })
           ] }),
-          o && s.replies && /* @__PURE__ */ e.jsx("div", { className: "-ml-2 mb-4 mt-7 pl-2 md:-ml-3 md:mb-0 md:mt-8 md:pl-3", children: s.replies.map((x) => /* @__PURE__ */ e.jsx(
-            rs,
+          l && s.replies && /* @__PURE__ */ e.jsx("div", { className: "-ml-2 mb-4 mt-7 pl-2 md:-ml-3 md:mb-0 md:mt-8 md:pl-3", children: s.replies.map((v) => /* @__PURE__ */ e.jsx(
+            ss,
             {
-              comment: x,
-              commentPermalinksEnabled: n,
+              comment: v,
               isReply: !0,
-              selectedCommentId: i
+              selectedCommentId: a
             },
-            x.id
+            v.id
           )) })
         ]
       }
     ) })
   ] });
 }
-const Ft = ({
+const Mt = ({
   selectedComment: s,
   replies: t,
   selectedCommentId: r,
-  commentPermalinksEnabled: i,
-  fetchNextPage: n,
-  hasNextPage: a,
-  isFetchingNextPage: l
+  fetchNextPage: a,
+  hasNextPage: n,
+  isFetchingNextPage: i
 }) => {
-  const c = { ...s, replies: t };
+  const o = { ...s, replies: t };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", "data-testid": "comment-thread-list", children: [
     /* @__PURE__ */ e.jsx(
-      rs,
+      ss,
       {
-        comment: c,
-        commentPermalinksEnabled: i,
+        comment: o,
         isSelectedComment: !0,
         selectedCommentId: r
       }
     ),
-    a && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pb-4", children: /* @__PURE__ */ e.jsx(
-      P,
+    n && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pb-4", children: /* @__PURE__ */ e.jsx(
+      S,
       {
-        disabled: l,
+        disabled: i,
         variant: "outline",
-        onClick: () => n(),
-        children: l ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(W, { size: "sm" }),
+        onClick: () => a(),
+        children: i ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(U, { size: "sm" }),
           "Loading..."
         ] }) : "Load more replies"
       }
     ) })
   ] });
-}, zt = ({
+}, Dt = ({
   commentId: s,
   open: t,
-  onOpenChange: r,
-  commentPermalinksEnabled: i
+  onOpenChange: r
 }) => {
-  var j;
+  var g;
   const {
-    data: n,
-    isLoading: a,
-    isError: l,
-    fetchNextPage: c,
-    hasNextPage: o,
-    isFetchingNextPage: d
-  } = Lt(s ?? "", {
+    data: a,
+    isLoading: n,
+    isError: i,
+    fetchNextPage: o,
+    hasNextPage: l,
+    isFetchingNextPage: c
+  } = Tt(s ?? "", {
     enabled: t && !!s
-  }), { data: u, isLoading: m, isError: p } = _t(s ?? "", {
+  }), { data: d, isLoading: u, isError: m } = kt(s ?? "", {
     enabled: t && !!s
-  }), f = a || m, g = p || l && !u, h = (j = u == null ? void 0 : u.comments) == null ? void 0 : j[0], v = (n == null ? void 0 : n.comments) || [];
-  return /* @__PURE__ */ e.jsx(Vs, { open: t, onOpenChange: r, children: /* @__PURE__ */ e.jsxs(qs, { className: "overflow-y-auto px-6 pt-0 sm:max-w-[600px]", children: [
-    /* @__PURE__ */ e.jsx(Ws, { className: "sticky top-0 z-40 -mx-6 bg-background/60 p-6 backdrop-blur", children: /* @__PURE__ */ e.jsx(Qs, { className: "text-md", children: "Thread" }) }),
-    (h == null ? void 0 : h.post) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), x = n || u, p = m || i && !d, f = (g = d == null ? void 0 : d.comments) == null ? void 0 : g[0], j = (a == null ? void 0 : a.comments) || [];
+  return /* @__PURE__ */ e.jsx(As, { open: t, onOpenChange: r, children: /* @__PURE__ */ e.jsxs(Us, { className: "overflow-y-auto px-6 pt-0 sm:max-w-[600px]", children: [
+    /* @__PURE__ */ e.jsx(Vs, { className: "sticky top-0 z-40 -mx-6 bg-background/60 p-6 backdrop-blur", children: /* @__PURE__ */ e.jsx(qs, { className: "text-md", children: "Thread" }) }),
+    (f == null ? void 0 : f.post) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ e.jsx("h3", { className: "line-clamp-1 text-xl font-semibold text-foreground", children: h.post.title }),
-          h.post.excerpt && /* @__PURE__ */ e.jsx("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: h.post.excerpt })
+          /* @__PURE__ */ e.jsx("h3", { className: "line-clamp-1 text-xl font-semibold text-foreground", children: f.post.title }),
+          f.post.excerpt && /* @__PURE__ */ e.jsx("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: f.post.excerpt })
         ] }),
-        h.post.feature_image && /* @__PURE__ */ e.jsx(
+        f.post.feature_image && /* @__PURE__ */ e.jsx(
           "img",
           {
-            alt: h.post.title || "Post feature image",
+            alt: f.post.title || "Post feature image",
             className: "hidden aspect-video h-18 shrink-0 rounded object-cover lg:block",
-            src: h.post.feature_image
+            src: f.post.feature_image
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(ks, { className: "-mx-6 my-6 w-auto" })
+      /* @__PURE__ */ e.jsx(ys, { className: "-mx-6 my-6 w-auto" })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { children: f ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(W, { size: "lg" }) }) : g || !h ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(
-      Me,
+    /* @__PURE__ */ e.jsx("div", { children: x ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(U, { size: "lg" }) }) : p || !f ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(
+      Ie,
       {
-        actions: /* @__PURE__ */ e.jsx(P, { variant: "outline", onClick: () => r(!1), children: "Back to comments" }),
+        actions: /* @__PURE__ */ e.jsx(S, { variant: "outline", onClick: () => r(!1), children: "Back to comments" }),
         description: "This thread may have been deleted or doesn't exist.",
         title: "Thread not found",
-        children: /* @__PURE__ */ e.jsx(Ee, {})
+        children: /* @__PURE__ */ e.jsx(Le, {})
       }
     ) }) : /* @__PURE__ */ e.jsx(
-      Ft,
+      Mt,
       {
-        commentPermalinksEnabled: i,
-        fetchNextPage: c,
-        hasNextPage: o,
-        isFetchingNextPage: d,
-        replies: v,
-        selectedComment: h,
+        fetchNextPage: o,
+        hasNextPage: l,
+        isFetchingNextPage: c,
+        replies: j,
+        selectedComment: f,
         selectedCommentId: s ?? ""
       }
     ) })
   ] }) });
-}, we = /* @__PURE__ */ new Map();
-function Ot({ parentRef: s, enabled: t = !0, isLoading: r = !1 }) {
-  const i = cs(), [n, a] = R(null), l = _(null);
-  E(() => {
+}, Ne = /* @__PURE__ */ new Map();
+function Ft({ parentRef: s, enabled: t = !0, isLoading: r = !1 }) {
+  const a = os(), [n, i] = T(null), o = w(null);
+  I(() => {
     if (!t || !s.current)
       return;
-    const c = Fs(s.current);
-    a(c);
-  }, [t, s]), E(() => {
+    const l = Ms(s.current);
+    i(l);
+  }, [t, s]), I(() => {
     if (!t || !n)
       return;
-    const c = i.pathname + i.search, o = () => {
+    const l = a.pathname + a.search, c = () => {
       const d = n.scrollTop;
-      we.set(c, d);
+      Ne.set(l, d);
     };
-    return n.addEventListener("scroll", o), () => n.removeEventListener("scroll", o);
-  }, [t, i.pathname, i.search, n]), E(() => {
-    const c = i.pathname + i.search, o = we.get(c);
+    return n.addEventListener("scroll", c), () => n.removeEventListener("scroll", c);
+  }, [t, a.pathname, a.search, n]), I(() => {
+    const l = a.pathname + a.search, c = Ne.get(l);
     if (!(!t || !n || r)) {
-      if (o !== void 0 && l.current !== c) {
+      if (c !== void 0 && o.current !== l) {
         let d = 0;
         const u = 3, m = () => {
           if (d += 1, !n)
             return;
-          const f = n.scrollTop, g = n.scrollHeight, h = n.clientHeight, v = g - h;
-          if (o > v && d < u) {
+          const p = n.scrollTop, f = n.scrollHeight, j = n.clientHeight, g = f - j;
+          if (c > g && d < u) {
             setTimeout(m, 100);
             return;
           }
-          if (Math.abs(o - f) > 5) {
-            const j = Math.min(o, v);
-            n.scrollTop = j;
+          if (Math.abs(c - p) > 5) {
+            const v = Math.min(c, g);
+            n.scrollTop = v;
           }
-        }, p = setTimeout(m, 150);
-        return () => clearTimeout(p);
+        }, x = setTimeout(m, 150);
+        return () => clearTimeout(x);
       }
-      l.current = c;
+      o.current = l;
     }
-  }, [t, i.pathname, i.search, n, r]);
+  }, [t, a.pathname, a.search, n, r]);
 }
-const _e = ({ height: s }) => /* @__PURE__ */ e.jsx("div", { "aria-hidden": "true", className: "flex", children: /* @__PURE__ */ e.jsx("div", { className: "flex", style: { height: s } }) }), Bt = L(function(t, r) {
+const ke = ({ height: s }) => /* @__PURE__ */ e.jsx("div", { "aria-hidden": "true", className: "flex", children: /* @__PURE__ */ e.jsx("div", { className: "flex", style: { height: s } }) }), zt = L(function(t, r) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1409,86 +1399,85 @@ const _e = ({ height: s }) => /* @__PURE__ */ e.jsx("div", { "aria-hidden": "tru
     }
   );
 });
-function Ht({
+function Ot({
   items: s,
   totalItems: t,
   hasNextPage: r,
-  isFetchingNextPage: i,
+  isFetchingNextPage: a,
   fetchNextPage: n,
-  onAddFilter: a,
-  isLoading: l,
-  commentPermalinksEnabled: c
+  onAddFilter: i,
+  isLoading: o
 }) {
-  const o = _(null), [d, u] = Y(), [m, p] = R(!1), [f, g] = R(null), { mutate: h } = Ze(), { mutate: v } = Je(), j = (k) => {
-    if (p(k), !k) {
-      const y = new URLSearchParams(d);
-      y.delete("thread"), u(y, { replace: !0 });
+  const l = w(null), [c, d] = G(), [u, m] = T(!1), [x, p] = T(null), { mutate: f } = Ye(), { mutate: j } = Xe(), g = (C) => {
+    if (m(C), !C) {
+      const k = new URLSearchParams(c);
+      k.delete("thread"), d(k, { replace: !0 });
     }
   };
-  E(() => {
-    const k = d.get("thread");
-    if (k) {
-      const y = k.match(/^is:(.+)$/);
-      if (y && y[1]) {
-        const b = y[1];
-        g(b), p(!0);
+  I(() => {
+    const C = c.get("thread");
+    if (C) {
+      const k = C.match(/^is:(.+)$/);
+      if (k && k[1]) {
+        const h = k[1];
+        p(h), m(!0);
       } else
-        p(!1), g(null);
+        m(!1), p(null);
     } else
-      p(!1), g(null);
-  }, [d]), Ot({ parentRef: o, isLoading: l });
-  const { visibleItems: x, spaceBefore: C, spaceAfter: w } = zs({
+      m(!1), p(null);
+  }, [c]), Ft({ parentRef: l, isLoading: o });
+  const { visibleItems: v, spaceBefore: b, spaceAfter: y } = Ds({
     items: s,
     totalItems: t,
     hasNextPage: r,
-    isFetchingNextPage: i,
+    isFetchingNextPage: a,
     fetchNextPage: n,
-    parentRef: o
+    parentRef: l
   });
-  return /* @__PURE__ */ e.jsxs("div", { ref: o, className: "overflow-hidden", children: [
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: "overflow-hidden", children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "flex flex-col",
         "data-testid": "comments-list",
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ e.jsx(_e, { height: C }),
-          x.map(({ key: k, virtualItem: y, item: b, props: M }) => {
-            var D, O, F, N, S, z, Q, je, ve;
-            return y.index > s.length - 1 ? /* @__PURE__ */ e.jsx(Bt, { ...M }, k) : /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ e.jsx(ke, { height: b }),
+          v.map(({ key: C, virtualItem: k, item: h, props: R }) => {
+            var O, F, V, M, N, _, D, q, je;
+            return k.index > s.length - 1 ? /* @__PURE__ */ e.jsx(zt, { ...R }, C) : /* @__PURE__ */ e.jsxs(
               "div",
               {
-                ...M,
+                ...R,
                 className: "grid w-full grid-cols-1 items-start justify-between gap-4 border-b p-3 hover:bg-muted/50 md:p-5 lg:grid-cols-[minmax(0,1fr)_144px]",
                 "data-testid": "comment-list-row",
                 onClick: () => {
-                  m && j(!1);
+                  u && g(!1);
                 },
                 children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      B,
+                      z,
                       {
-                        avatarImage: (D = b.member) == null ? void 0 : D.avatar_image,
-                        isHidden: b.status === "hidden",
-                        memberId: (O = b.member) == null ? void 0 : O.id
+                        avatarImage: (O = h.member) == null ? void 0 : O.avatar_image,
+                        isHidden: h.status === "hidden",
+                        memberId: (F = h.member) == null ? void 0 : F.id
                       }
                     ),
                     /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
                       /* @__PURE__ */ e.jsx(
-                        es,
+                        Ze,
                         {
-                          canComment: (F = b.member) == null ? void 0 : F.can_comment,
-                          createdAt: b.created_at,
-                          isHidden: b.status === "hidden",
-                          memberId: (N = b.member) == null ? void 0 : N.id,
-                          memberName: (S = b.member) == null ? void 0 : S.name,
-                          postTitle: (z = b.post) == null ? void 0 : z.title,
-                          onAuthorClick: (Q = b.member) != null && Q.id ? () => a("author", b.member.id) : void 0,
-                          onPostClick: (je = b.post) != null && je.id ? () => a("post", b.post.id) : void 0
+                          canComment: (V = h.member) == null ? void 0 : V.can_comment,
+                          createdAt: h.created_at,
+                          isHidden: h.status === "hidden",
+                          memberId: (M = h.member) == null ? void 0 : M.id,
+                          memberName: (N = h.member) == null ? void 0 : N.name,
+                          postTitle: (_ = h.post) == null ? void 0 : _.title,
+                          onAuthorClick: (D = h.member) != null && D.id ? () => i("author", h.member.id) : void 0,
+                          onPostClick: (q = h.post) != null && q.id ? () => i("post", h.post.id) : void 0
                         }
                       ),
-                      b.in_reply_to_snippet && /* @__PURE__ */ e.jsxs("div", { className: `mb-1 line-clamp-1 max-w-3xl text-sm ${b.status === "hidden" && "opacity-50"}`, children: [
+                      h.in_reply_to_snippet && /* @__PURE__ */ e.jsxs("div", { className: `mb-1 line-clamp-1 max-w-3xl text-sm ${h.status === "hidden" && "opacity-50"}`, children: [
                         /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Replied to:" }),
                         " ",
                         /* @__PURE__ */ e.jsx(
@@ -1496,71 +1485,69 @@ function Ht({
                           {
                             className: "text-sm font-normal text-muted-foreground hover:text-foreground",
                             "data-testid": "replied-to-link",
-                            to: ge(d, b.in_reply_to_id || b.parent_id) || "",
-                            onClick: (as) => {
-                              as.stopPropagation();
+                            to: ge(c, h.in_reply_to_id || h.parent_id) || "",
+                            onClick: (rs) => {
+                              rs.stopPropagation();
                             },
-                            children: b.in_reply_to_snippet
+                            children: h.in_reply_to_snippet
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ e.jsx(Ye, { item: b }),
+                      /* @__PURE__ */ e.jsx(Ke, { item: h }),
                       /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-row flex-nowrap items-center gap-3", children: [
-                        b.status === "published" && /* @__PURE__ */ e.jsxs(P, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => h({ id: b.id }), children: [
-                          /* @__PURE__ */ e.jsx(Le, {}),
+                        h.status === "published" && /* @__PURE__ */ e.jsxs(S, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => f({ id: h.id }), children: [
+                          /* @__PURE__ */ e.jsx(Te, {}),
                           "Hide"
                         ] }),
-                        b.status === "hidden" && /* @__PURE__ */ e.jsxs(P, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => v({ id: b.id }), children: [
-                          /* @__PURE__ */ e.jsx(Ie, {}),
+                        h.status === "hidden" && /* @__PURE__ */ e.jsxs(S, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => j({ id: h.id }), children: [
+                          /* @__PURE__ */ e.jsx(Re, {}),
                           "Show"
                         ] }),
                         /* @__PURE__ */ e.jsx(
-                          ts,
+                          es,
                           {
                             className: "ml-2",
-                            comment: b
+                            comment: h
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
-                          ss,
+                          Je,
                           {
-                            comment: b,
-                            commentPermalinksEnabled: c
+                            comment: h
                           }
                         )
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ e.jsx("div", { children: (ve = b.post) != null && ve.feature_image ? /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ e.jsx("div", { children: (je = h.post) != null && je.feature_image ? /* @__PURE__ */ e.jsx(
                     "img",
                     {
-                      alt: b.post.title || "Post feature image",
-                      className: `hidden aspect-video w-36 rounded object-cover lg:block ${b.status === "hidden" && "opacity-50"}`,
-                      src: b.post.feature_image
+                      alt: h.post.title || "Post feature image",
+                      className: `hidden aspect-video w-36 rounded object-cover lg:block ${h.status === "hidden" && "opacity-50"}`,
+                      src: h.post.feature_image
                     }
                   ) : null })
                 ]
               },
-              k
+              C
             );
           }),
-          /* @__PURE__ */ e.jsx(_e, { height: w })
+          /* @__PURE__ */ e.jsx(ke, { height: y })
         ] })
       }
     ),
     /* @__PURE__ */ e.jsx(
-      zt,
+      Dt,
       {
-        commentId: f,
-        commentPermalinksEnabled: c,
-        open: m,
-        onOpenChange: j
+        commentId: x,
+        open: u,
+        onOpenChange: g
       }
     )
   ] });
 }
-const ns = ["id", "status", "created_at", "body", "post", "author", "reported"];
-function At(s) {
+const ts = ["id", "status", "created_at", "body", "post", "author", "reported"];
+function Ht(s) {
   const t = [];
   for (const r of s)
     if (r.values[0])
@@ -1577,8 +1564,8 @@ function At(s) {
           else if (r.operator === "after" && r.values[0])
             t.push(`created_at:>'${r.values[0]}'`);
           else if (r.operator === "is" && r.values[0]) {
-            const a = String(r.values[0]), l = (/* @__PURE__ */ new Date(a + "T00:00:00")).toISOString(), c = (/* @__PURE__ */ new Date(a + "T23:59:59.999")).toISOString();
-            t.push(`created_at:>='${l}'+created_at:<='${c}'`);
+            const i = String(r.values[0]), o = (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString(), l = (/* @__PURE__ */ new Date(i + "T23:59:59.999")).toISOString();
+            t.push(`created_at:>='${o}'+created_at:<='${l}'`);
           }
           break;
         case "body":
@@ -1597,7 +1584,7 @@ function At(s) {
       }
   return t.length ? t.join("+") : void 0;
 }
-function Ut(s) {
+function Bt(s) {
   if (!s)
     return null;
   const t = s.indexOf(":");
@@ -1606,12 +1593,12 @@ function Ut(s) {
     value: s.substring(t + 1)
   };
 }
-function Vt(s) {
+function At(s) {
   const t = [];
-  for (const [r, i] of s.entries()) {
-    if (!ns.includes(r) || !i)
+  for (const [r, a] of s.entries()) {
+    if (!ts.includes(r) || !a)
       continue;
-    const n = Ut(i);
+    const n = Bt(a);
     n && t.push({
       id: r,
       field: r,
@@ -1621,36 +1608,36 @@ function Vt(s) {
   }
   return t;
 }
-function qt(s) {
+function Ut(s) {
   const t = new URLSearchParams();
   for (const r of s)
-    if (ns.includes(r.field) && r.values[0] !== void 0) {
-      const i = `${r.operator}:${String(r.values[0])}`;
-      t.set(r.field, i);
+    if (ts.includes(r.field) && r.values[0] !== void 0) {
+      const a = `${r.operator}:${String(r.values[0])}`;
+      t.set(r.field, a);
     }
   return t;
 }
-function Wt() {
-  const [s, t] = Y(), r = I(() => Vt(s), [s]), i = V((c, o = {}) => {
-    const d = typeof c == "function" ? c(r) : c, u = qt(d), m = o.replace ?? !0;
+function Vt() {
+  const [s, t] = G(), r = E(() => At(s), [s]), a = B((l, c = {}) => {
+    const d = typeof l == "function" ? l(r) : l, u = Ut(d), m = c.replace ?? !0;
     t(u, { replace: m });
-  }, [r, t]), n = V(({ replace: c = !0 } = {}) => {
-    t(new URLSearchParams(), { replace: c });
-  }, [t]), a = I(() => At(r), [r]), l = I(() => r.length === 1 && r[0].field === "id", [r]);
-  return { filters: r, nql: a, setFilters: i, clearFilters: n, isSingleIdFilter: l };
+  }, [r, t]), n = B(({ replace: l = !0 } = {}) => {
+    t(new URLSearchParams(), { replace: l });
+  }, [t]), i = E(() => Ht(r), [r]), o = E(() => r.length === 1 && r[0].field === "id", [r]);
+  return { filters: r, nql: i, setFilters: a, clearFilters: n, isSingleIdFilter: o };
 }
-function Qt({ comments: s }) {
-  return I(() => {
-    var i, n, a;
+function qt({ comments: s }) {
+  return E(() => {
+    var a, n, i;
     const t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-    for (const l of s)
-      (i = l.post) != null && i.id && ((n = l.post) != null && n.title) && t.set(l.post.id, {
-        id: l.post.id,
-        title: l.post.title
-      }), (a = l.member) != null && a.id && r.set(l.member.id, {
-        id: l.member.id,
-        name: l.member.name,
-        email: l.member.email
+    for (const o of s)
+      (a = o.post) != null && a.id && ((n = o.post) != null && n.title) && t.set(o.post.id, {
+        id: o.post.id,
+        title: o.post.title
+      }), (i = o.member) != null && i.id && r.set(o.member.id, {
+        id: o.member.id,
+        name: o.member.name,
+        email: o.member.email
       });
     return {
       knownPosts: Array.from(t.values()),
@@ -1658,61 +1645,60 @@ function Qt({ comments: s }) {
     };
   }, [s]);
 }
-const or = () => {
-  var x, C, w, k;
-  const { filters: s, nql: t, setFilters: r, clearFilters: i, isSingleIdFilter: n } = Wt(), { data: a } = bs(), l = ((C = (x = a == null ? void 0 : a.config) == null ? void 0 : x.labs) == null ? void 0 : C.commentPermalinks) === !0, c = V((y, b, M = "is") => {
-    r((H) => [...H.filter((O) => O.field !== y), us(y, M, [b])], { replace: !1 });
+const ar = () => {
+  var g, v;
+  const { filters: s, nql: t, setFilters: r, clearFilters: a, isSingleIdFilter: n } = Vt(), i = B((b, y, C = "is") => {
+    r((k) => [...k.filter((R) => R.field !== b), ds(b, C, [y])], { replace: !1 });
   }, [r]), {
     data: o,
-    isError: d,
-    isFetching: u,
-    isFetchingNextPage: m,
-    isRefetching: p,
-    fetchNextPage: f,
-    hasNextPage: g
-  } = Xe({
+    isError: l,
+    isFetching: c,
+    isFetchingNextPage: d,
+    isRefetching: u,
+    fetchNextPage: m,
+    hasNextPage: x
+  } = Ge({
     searchParams: t ? { filter: t } : {},
     keepPreviousData: !0
-  }), { knownPosts: h, knownMembers: v } = Qt({ comments: (o == null ? void 0 : o.comments) ?? [] }), j = u && !m && !p;
-  return /* @__PURE__ */ e.jsxs(Nt, { children: [
-    /* @__PURE__ */ e.jsx(yt, { children: !n && /* @__PURE__ */ e.jsx(
-      Ct,
+  }), { knownPosts: p, knownMembers: f } = qt({ comments: (o == null ? void 0 : o.comments) ?? [] }), j = c && !d && !u;
+  return /* @__PURE__ */ e.jsxs(Ct, { children: [
+    /* @__PURE__ */ e.jsx(vt, { children: !n && /* @__PURE__ */ e.jsx(
+      jt,
       {
         filters: s,
-        knownMembers: v,
-        knownPosts: h,
+        knownMembers: f,
+        knownPosts: p,
         onFiltersChange: r
       }
     ) }),
-    /* @__PURE__ */ e.jsx(ut, { children: j ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(W, { size: "lg" }) }) : d ? /* @__PURE__ */ e.jsxs("div", { className: "mb-16 flex h-full flex-col items-center justify-center", children: [
+    /* @__PURE__ */ e.jsx(dt, { children: j ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(U, { size: "lg" }) }) : l ? /* @__PURE__ */ e.jsxs("div", { className: "mb-16 flex h-full flex-col items-center justify-center", children: [
       /* @__PURE__ */ e.jsx("h2", { className: "mb-2 text-xl font-medium", children: "Error loading comments" }),
       /* @__PURE__ */ e.jsx("p", { className: "mb-4 text-muted-foreground", children: "Please reload the page to try again" }),
-      /* @__PURE__ */ e.jsx(P, { onClick: () => window.location.reload(), children: "Reload page" })
+      /* @__PURE__ */ e.jsx(S, { onClick: () => window.location.reload(), children: "Reload page" })
     ] }) : o != null && o.comments.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
-        Ht,
+        Ot,
         {
-          commentPermalinksEnabled: l,
-          fetchNextPage: f,
-          hasNextPage: g,
-          isFetchingNextPage: m,
-          isLoading: u && !m,
+          fetchNextPage: m,
+          hasNextPage: x,
+          isFetchingNextPage: d,
+          isLoading: c && !d,
           items: (o == null ? void 0 : o.comments) ?? [],
-          totalItems: ((k = (w = o == null ? void 0 : o.meta) == null ? void 0 : w.pagination) == null ? void 0 : k.total) ?? 0,
-          onAddFilter: c
+          totalItems: ((v = (g = o == null ? void 0 : o.meta) == null ? void 0 : g.pagination) == null ? void 0 : v.total) ?? 0,
+          onAddFilter: i
         }
       ),
-      n && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(P, { variant: "outline", onClick: () => i({ replace: !1 }), children: "Show all comments" }) })
+      n && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(S, { variant: "outline", onClick: () => a({ replace: !1 }), children: "Show all comments" }) })
     ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(
-      Me,
+      Ie,
       {
         title: "No comments yet",
-        children: /* @__PURE__ */ e.jsx(Ee, {})
+        children: /* @__PURE__ */ e.jsx(Le, {})
       }
     ) }) })
   ] });
 };
 export {
-  or as default
+  ar as default
 };
-//# sourceMappingURL=comments-Bn_vn_sb.mjs.map
+//# sourceMappingURL=comments-C0ntS6jH.mjs.map