hive-react-kit 0.0.5

package/dist/index.es.js

@@ -0,0 +1,3988 @@
+var mr = Object.defineProperty;
+var ur = (t, s, r) => s in t ? mr(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r;
+var $e = (t, s, r) => ur(t, typeof s != "symbol" ? s + "" : s, r);
+import * as Ae from "react";
+import le, { useState as p, useEffect as H, useMemo as gr, useCallback as je, useRef as Le } from "react";
+import { Clock as Ft, Play as et, ThumbsUp as tt, MessageCircle as rt, Eye as Lt, Info as Rt, Share2 as st, Heart as hr, Users as De, RefreshCw as se, Loader2 as ae, X as xr, Send as fr, FileText as pr, ArrowLeft as Ce, BookmarkCheck as br, Bookmark as yr, Search as Ye, Calendar as Pt, Rss as Vt, MoreVertical as at, Upload as vr, Video as kt, Hourglass as jr, Ban as _t } from "lucide-react";
+import { formatDistanceToNow as nt } from "date-fns";
+import * as wr from "@hiveio/dhive";
+import { Client as Nr } from "@hiveio/dhive";
+import { useParams as kr, useNavigate as Ie } from "react-router-dom";
+import ve from "hls.js";
+import { create as _r } from "zustand";
+var Ze = { exports: {} }, ke = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Et;
+function Er() {
+  if (Et) return ke;
+  Et = 1;
+  var t = le, s = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(u, c, m) {
+    var l, x = {}, v = null, w = null;
+    m !== void 0 && (v = "" + m), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (w = c.ref);
+    for (l in c) a.call(c, l) && !d.hasOwnProperty(l) && (x[l] = c[l]);
+    if (u && u.defaultProps) for (l in c = u.defaultProps, c) x[l] === void 0 && (x[l] = c[l]);
+    return { $$typeof: s, type: u, key: v, ref: w, props: x, _owner: o.current };
+  }
+  return ke.Fragment = r, ke.jsx = i, ke.jsxs = i, ke;
+}
+var _e = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ct;
+function Cr() {
+  return Ct || (Ct = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = le, s = Symbol.for("react.element"), r = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), u = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), k = Symbol.iterator, T = "@@iterator";
+    function f(n) {
+      if (n === null || typeof n != "object")
+        return null;
+      var g = k && n[k] || n[T];
+      return typeof g == "function" ? g : null;
+    }
+    var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(n) {
+      {
+        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), S = 1; S < g; S++)
+          y[S - 1] = arguments[S];
+        M("error", n, y);
+      }
+    }
+    function M(n, g, y) {
+      {
+        var S = j.ReactDebugCurrentFrame, A = S.getStackAddendum();
+        A !== "" && (g += "%s", y = y.concat([A]));
+        var D = y.map(function(P) {
+          return String(P);
+        });
+        D.unshift("Warning: " + g), Function.prototype.apply.call(console[n], console, D);
+      }
+    }
+    var _ = !1, E = !1, C = !1, Y = !1, h = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function O(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === d || h || n === o || n === m || n === l || Y || n === w || _ || E || C || typeof n == "object" && n !== null && (n.$$typeof === v || n.$$typeof === x || n.$$typeof === i || n.$$typeof === u || n.$$typeof === c || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      n.$$typeof === $ || n.getModuleId !== void 0));
+    }
+    function F(n, g, y) {
+      var S = n.displayName;
+      if (S)
+        return S;
+      var A = g.displayName || g.name || "";
+      return A !== "" ? y + "(" + A + ")" : y;
+    }
+    function G(n) {
+      return n.displayName || "Context";
+    }
+    function N(n) {
+      if (n == null)
+        return null;
+      if (typeof n.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case a:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case d:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case m:
+          return "Suspense";
+        case l:
+          return "SuspenseList";
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case u:
+            var g = n;
+            return G(g) + ".Consumer";
+          case i:
+            var y = n;
+            return G(y._context) + ".Provider";
+          case c:
+            return F(n, n.render, "ForwardRef");
+          case x:
+            var S = n.displayName || null;
+            return S !== null ? S : N(n.type) || "Memo";
+          case v: {
+            var A = n, D = A._payload, P = A._init;
+            try {
+              return N(P(D));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var L = Object.assign, V = 0, U, I, q, J, ne, K, ue;
+    function ge() {
+    }
+    ge.__reactDisabledLog = !0;
+    function B() {
+      {
+        if (V === 0) {
+          U = console.log, I = console.info, q = console.warn, J = console.error, ne = console.group, K = console.groupCollapsed, ue = console.groupEnd;
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            value: ge,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
+          });
+        }
+        V++;
+      }
+    }
+    function oe() {
+      {
+        if (V--, V === 0) {
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: L({}, n, {
+              value: U
+            }),
+            info: L({}, n, {
+              value: I
+            }),
+            warn: L({}, n, {
+              value: q
+            }),
+            error: L({}, n, {
+              value: J
+            }),
+            group: L({}, n, {
+              value: ne
+            }),
+            groupCollapsed: L({}, n, {
+              value: K
+            }),
+            groupEnd: L({}, n, {
+              value: ue
+            })
+          });
+        }
+        V < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var te = j.ReactCurrentDispatcher, de;
+    function he(n, g, y) {
+      {
+        if (de === void 0)
+          try {
+            throw Error();
+          } catch (A) {
+            var S = A.stack.trim().match(/\n( *(at )?)/);
+            de = S && S[1] || "";
+          }
+        return `
+` + de + n;
+      }
+    }
+    var pe = !1, Se;
+    {
+      var Ut = typeof WeakMap == "function" ? WeakMap : Map;
+      Se = new Ut();
+    }
+    function ct(n, g) {
+      if (!n || pe)
+        return "";
+      {
+        var y = Se.get(n);
+        if (y !== void 0)
+          return y;
+      }
+      var S;
+      pe = !0;
+      var A = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var D;
+      D = te.current, te.current = null, B();
+      try {
+        if (g) {
+          var P = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(P.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(P, []);
+            } catch (ee) {
+              S = ee;
+            }
+            Reflect.construct(n, [], P);
+          } else {
+            try {
+              P.call();
+            } catch (ee) {
+              S = ee;
+            }
+            n.call(P.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (ee) {
+            S = ee;
+          }
+          n();
+        }
+      } catch (ee) {
+        if (ee && S && typeof ee.stack == "string") {
+          for (var R = ee.stack.split(`
+`), X = S.stack.split(`
+`), W = R.length - 1, z = X.length - 1; W >= 1 && z >= 0 && R[W] !== X[z]; )
+            z--;
+          for (; W >= 1 && z >= 0; W--, z--)
+            if (R[W] !== X[z]) {
+              if (W !== 1 || z !== 1)
+                do
+                  if (W--, z--, z < 0 || R[W] !== X[z]) {
+                    var re = `
+` + R[W].replace(" at new ", " at ");
+                    return n.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", n.displayName)), typeof n == "function" && Se.set(n, re), re;
+                  }
+                while (W >= 1 && z >= 0);
+              break;
+            }
+        }
+      } finally {
+        pe = !1, te.current = D, oe(), Error.prepareStackTrace = A;
+      }
+      var ye = n ? n.displayName || n.name : "", xe = ye ? he(ye) : "";
+      return typeof n == "function" && Se.set(n, xe), xe;
+    }
+    function It(n, g, y) {
+      return ct(n, !1);
+    }
+    function Ht(n) {
+      var g = n.prototype;
+      return !!(g && g.isReactComponent);
+    }
+    function Te(n, g, y) {
+      if (n == null)
+        return "";
+      if (typeof n == "function")
+        return ct(n, Ht(n));
+      if (typeof n == "string")
+        return he(n);
+      switch (n) {
+        case m:
+          return he("Suspense");
+        case l:
+          return he("SuspenseList");
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case c:
+            return It(n.render);
+          case x:
+            return Te(n.type, g, y);
+          case v: {
+            var S = n, A = S._payload, D = S._init;
+            try {
+              return Te(D(A), g, y);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Ne = Object.prototype.hasOwnProperty, dt = {}, mt = j.ReactDebugCurrentFrame;
+    function Oe(n) {
+      if (n) {
+        var g = n._owner, y = Te(n.type, n._source, g ? g.type : null);
+        mt.setExtraStackFrame(y);
+      } else
+        mt.setExtraStackFrame(null);
+    }
+    function Wt(n, g, y, S, A) {
+      {
+        var D = Function.call.bind(Ne);
+        for (var P in n)
+          if (D(n, P)) {
+            var R = void 0;
+            try {
+              if (typeof n[P] != "function") {
+                var X = Error((S || "React class") + ": " + y + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw X.name = "Invariant Violation", X;
+              }
+              R = n[P](g, P, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              R = W;
+            }
+            R && !(R instanceof Error) && (Oe(A), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", y, P, typeof R), Oe(null)), R instanceof Error && !(R.message in dt) && (dt[R.message] = !0, Oe(A), b("Failed %s type: %s", y, R.message), Oe(null));
+          }
+      }
+    }
+    var Bt = Array.isArray;
+    function He(n) {
+      return Bt(n);
+    }
+    function zt(n) {
+      {
+        var g = typeof Symbol == "function" && Symbol.toStringTag, y = g && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return y;
+      }
+    }
+    function qt(n) {
+      try {
+        return ut(n), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ut(n) {
+      return "" + n;
+    }
+    function gt(n) {
+      if (qt(n))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zt(n)), ut(n);
+    }
+    var ht = j.ReactCurrentOwner, Yt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, xt, ft;
+    function Jt(n) {
+      if (Ne.call(n, "ref")) {
+        var g = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return n.ref !== void 0;
+    }
+    function Gt(n) {
+      if (Ne.call(n, "key")) {
+        var g = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return n.key !== void 0;
+    }
+    function Kt(n, g) {
+      typeof n.ref == "string" && ht.current;
+    }
+    function Qt(n, g) {
+      {
+        var y = function() {
+          xt || (xt = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        };
+        y.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: y,
+          configurable: !0
+        });
+      }
+    }
+    function Xt(n, g) {
+      {
+        var y = function() {
+          ft || (ft = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        };
+        y.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: y,
+          configurable: !0
+        });
+      }
+    }
+    var Zt = function(n, g, y, S, A, D, P) {
+      var R = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: s,
+        // Built-in properties that belong on the element
+        type: n,
+        key: g,
+        ref: y,
+        props: P,
+        // Record the component responsible for creating this element.
+        _owner: D
+      };
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(R, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: S
+      }), Object.defineProperty(R, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: A
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+    };
+    function er(n, g, y, S, A) {
+      {
+        var D, P = {}, R = null, X = null;
+        y !== void 0 && (gt(y), R = "" + y), Gt(g) && (gt(g.key), R = "" + g.key), Jt(g) && (X = g.ref, Kt(g, A));
+        for (D in g)
+          Ne.call(g, D) && !Yt.hasOwnProperty(D) && (P[D] = g[D]);
+        if (n && n.defaultProps) {
+          var W = n.defaultProps;
+          for (D in W)
+            P[D] === void 0 && (P[D] = W[D]);
+        }
+        if (R || X) {
+          var z = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          R && Qt(P, z), X && Xt(P, z);
+        }
+        return Zt(n, R, X, A, S, ht.current, P);
+      }
+    }
+    var We = j.ReactCurrentOwner, pt = j.ReactDebugCurrentFrame;
+    function be(n) {
+      if (n) {
+        var g = n._owner, y = Te(n.type, n._source, g ? g.type : null);
+        pt.setExtraStackFrame(y);
+      } else
+        pt.setExtraStackFrame(null);
+    }
+    var Be;
+    Be = !1;
+    function ze(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === s;
+    }
+    function bt() {
+      {
+        if (We.current) {
+          var n = N(We.current.type);
+          if (n)
+            return `
+
+Check the render method of \`` + n + "`.";
+        }
+        return "";
+      }
+    }
+    function tr(n) {
+      return "";
+    }
+    var yt = {};
+    function rr(n) {
+      {
+        var g = bt();
+        if (!g) {
+          var y = typeof n == "string" ? n : n.displayName || n.name;
+          y && (g = `
+
+Check the top-level render call using <` + y + ">.");
+        }
+        return g;
+      }
+    }
+    function vt(n, g) {
+      {
+        if (!n._store || n._store.validated || n.key != null)
+          return;
+        n._store.validated = !0;
+        var y = rr(g);
+        if (yt[y])
+          return;
+        yt[y] = !0;
+        var S = "";
+        n && n._owner && n._owner !== We.current && (S = " It was passed a child from " + N(n._owner.type) + "."), be(n), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), be(null);
+      }
+    }
+    function jt(n, g) {
+      {
+        if (typeof n != "object")
+          return;
+        if (He(n))
+          for (var y = 0; y < n.length; y++) {
+            var S = n[y];
+            ze(S) && vt(S, g);
+          }
+        else if (ze(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var A = f(n);
+          if (typeof A == "function" && A !== n.entries)
+            for (var D = A.call(n), P; !(P = D.next()).done; )
+              ze(P.value) && vt(P.value, g);
+        }
+      }
+    }
+    function sr(n) {
+      {
+        var g = n.type;
+        if (g == null || typeof g == "string")
+          return;
+        var y;
+        if (typeof g == "function")
+          y = g.propTypes;
+        else if (typeof g == "object" && (g.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        g.$$typeof === x))
+          y = g.propTypes;
+        else
+          return;
+        if (y) {
+          var S = N(g);
+          Wt(y, n.props, "prop", S, n);
+        } else if (g.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var A = N(g);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
+        }
+        typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ar(n) {
+      {
+        for (var g = Object.keys(n.props), y = 0; y < g.length; y++) {
+          var S = g[y];
+          if (S !== "children" && S !== "key") {
+            be(n), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), be(null);
+            break;
+          }
+        }
+        n.ref !== null && (be(n), b("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
+      }
+    }
+    var wt = {};
+    function Nt(n, g, y, S, A, D) {
+      {
+        var P = O(n);
+        if (!P) {
+          var R = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var X = tr();
+          X ? R += X : R += bt();
+          var W;
+          n === null ? W = "null" : He(n) ? W = "array" : n !== void 0 && n.$$typeof === s ? (W = "<" + (N(n.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : W = typeof n, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, R);
+        }
+        var z = er(n, g, y, A, D);
+        if (z == null)
+          return z;
+        if (P) {
+          var re = g.children;
+          if (re !== void 0)
+            if (S)
+              if (He(re)) {
+                for (var ye = 0; ye < re.length; ye++)
+                  jt(re[ye], n);
+                Object.freeze && Object.freeze(re);
+              } else
+                b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              jt(re, n);
+        }
+        if (Ne.call(g, "key")) {
+          var xe = N(n), ee = Object.keys(g).filter(function(dr) {
+            return dr !== "key";
+          }), qe = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!wt[xe + qe]) {
+            var cr = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
+            b(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, qe, xe, cr, xe), wt[xe + qe] = !0;
+          }
+        }
+        return n === a ? ar(z) : sr(z), z;
+      }
+    }
+    function nr(n, g, y) {
+      return Nt(n, g, y, !0);
+    }
+    function or(n, g, y) {
+      return Nt(n, g, y, !1);
+    }
+    var ir = or, lr = nr;
+    _e.Fragment = a, _e.jsx = ir, _e.jsxs = lr;
+  }()), _e;
+}
+process.env.NODE_ENV === "production" ? Ze.exports = Er() : Ze.exports = Cr();
+var e = Ze.exports;
+const me = {
+  domain: "https://studio.3speak.tv",
+  kThreeSpeakApiUrl: "https://studio.3speak.tv/mobile/api",
+  userOwnerThumb: (t) => `https://images.hive.blog/u/${t}/avatar`,
+  graphQLServerUrl: "https://union.us-02.infra.3speak.tv"
+}, Je = new Nr([
+  "https://api.hive.blog",
+  "https://api.syncad.com",
+  "https://api.deathwing.me"
+]);
+class Sr {
+  constructor() {
+    // Common data fields fragment (for reuse)
+    $e(this, "commonFields", `
+    items {
+      created_at
+      title
+      permlink
+      author {
+        username
+      }
+      json_metadata {
+        raw
+      }
+      stats {
+        active_voters {
+          percent
+          rshares
+          voter
+          weight
+        }
+        num_comments
+        num_votes
+        total_hive_reward
+      }
+      ... on HivePost {
+        lang
+        tags
+        spkvideo
+      }
+    }
+  `);
+  }
+  // Generic GraphQL feed fetcher
+  async getGQLFeed(s, r) {
+    var o, d, i;
+    const a = `${me.graphQLServerUrl}/api/v2/graphql`;
+    try {
+      const u = await fetch(a, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          query: r,
+          operationName: s
+        })
+      });
+      if (!u.ok)
+        throw new Error(`GraphQL request failed: ${u.statusText}`);
+      const c = await u.json();
+      if (c.errors)
+        throw new Error(
+          `GraphQL error: ${c.errors.map((l) => l.message).join(", ")}`
+        );
+      const m = c.data;
+      return (o = m.socialFeed) != null && o.items ? m.socialFeed.items : (d = m.trendingFeed) != null && d.items ? m.trendingFeed.items : (i = m.searchFeed) != null && i.items ? m.searchFeed.items : [];
+    } catch (u) {
+      throw console.error(`Failed to fetch ${s}:`, u), u;
+    }
+  }
+  async handleLogin(s) {
+    const r = `${me.domain}/mobile/login`, a = await fetch(r, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        challenge: s.challenge,
+        proof: s.proof,
+        publicKey: s.publicKey,
+        username: s.username
+      })
+    });
+    if (a.ok)
+      return await a.json();
+    throw new Error(`Login API error: ${await a.text()}`);
+  }
+  async handleUpvote({
+    author: s,
+    permlink: r,
+    weight: a,
+    authToken: o
+  }) {
+    const d = `${me.domain}/mobile/vote`, i = await fetch(d, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        authorization: o
+      },
+      body: JSON.stringify({
+        author: s,
+        permlink: r,
+        weight: a
+      })
+    });
+    if (i.ok)
+      return await i.json();
+    {
+      const u = await i.json();
+      throw new Error(u.error || "Unknown API error");
+    }
+  }
+  async handleComment({
+    author: s,
+    permlink: r,
+    body: a,
+    authToken: o
+  }) {
+    const d = `${me.domain}/mobile/comment`, i = await fetch(d, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        authorization: o
+      },
+      body: JSON.stringify({
+        author: s,
+        permlink: r,
+        comment: a
+      })
+    });
+    if (i.ok)
+      return await i.json();
+    {
+      const u = await i.json();
+      throw new Error(u.error || "Unknown API error");
+    }
+  }
+  async getVideoDetails(s, r) {
+    const a = `${me.kThreeSpeakApiUrl}/video/@${s}/${r}`, o = await fetch(a);
+    if (o.ok)
+      return await o.json();
+    console.error("Failed to fetch video details:", o.statusText);
+  }
+  // Common feed fetching method to reduce code duplication
+  async fetchFeed(s, r, a, o, d = { limit: 50, skip: 0 }) {
+    const { limit: i = 50, skip: u = 0 } = d, c = `
+      query ${s} {
+        ${r}(
+          spkvideo: { ${a} }
+          feedOptions: ${o}
+          pagination: { limit: ${i}, skip: ${u} }
+        ) {
+          ${this.commonFields}
+        }
+      }
+    `, m = await this.getGQLFeed(s, c);
+    return this.convertGQLItemsToThreeSpeakVideos(m);
+  }
+  async getUserVideos(s, r = 0) {
+    return await this.fetchFeed(
+      "UserChannelFeed",
+      "socialFeed",
+      "only: true",
+      `{ byCreator: { _in: ["${s}"] } }`,
+      { skip: r }
+    );
+  }
+  async getHomeVideos(s = 0) {
+    const r = `${me.kThreeSpeakApiUrl}/feed/home?skip=${s}`, a = await fetch(r);
+    if (a.ok) {
+      const o = await a.json();
+      return Array.isArray(o) ? o : [];
+    } else
+      return console.error("Failed to fetch home videos:", a.statusText), [];
+  }
+  async getTrendingVideos(s = 0) {
+    return await this.fetchFeed(
+      "TrendingFeed",
+      "trendingFeed",
+      "only: true",
+      "{}",
+      { skip: s }
+    );
+  }
+  async getNewVideos(s = 0) {
+    return await this.fetchFeed(
+      "NewUploadsFeed",
+      "socialFeed",
+      "only: true",
+      "{}",
+      { skip: s }
+    );
+  }
+  async getFirstUploadsVideos(s = 0) {
+    return await this.fetchFeed(
+      "FirstUploadsFeed",
+      "trendingFeed",
+      "only: true, firstUpload: true",
+      "{}",
+      { skip: s }
+    );
+  }
+  async getCommunityVideos(s, r = 0) {
+    return await this.fetchFeed(
+      "CommunityFeed",
+      "socialFeed",
+      "only: true",
+      `{ byCommunity: { _eq: "${s}" } }`,
+      { skip: r }
+    );
+  }
+  async getRelatedVideos(s, r = 0) {
+    return await this.fetchFeed(
+      "RelatedFeed",
+      "socialFeed",
+      "only: true",
+      `{ byCreator: { _in: ["${s}"] } }`,
+      { skip: r }
+    );
+  }
+  async getTaggedVideos(s, r = 0) {
+    return await this.fetchFeed(
+      "TrendingTagFeed",
+      "trendingFeed",
+      "only: true",
+      `{ byTag: { _eq: "${s}" } }`,
+      { skip: r }
+    );
+  }
+  async getSearchFeed(s, r = 0, a) {
+    const o = a ? `{ byLang: { _eq: "${a}" } }` : "{}", d = `
+      query SearchFeed {
+        searchFeed(
+          searchTerm: "${s}"
+          spkvideo: { only: true }
+          feedOptions: ${o}
+          pagination: { limit: 50, skip: ${r} }
+        ) {
+          ${this.commonFields}
+        }
+      }
+    `, i = await this.getGQLFeed("SearchFeed", d);
+    return this.convertGQLItemsToThreeSpeakVideos(i);
+  }
+  async getTrendingTags() {
+    var a, o;
+    const s = `${me.graphQLServerUrl}/api/v2/graphql`, r = `
+      query TrendingTags {
+        trendingTags(limit: 50) {
+          tags {
+            score
+            tag
+          }
+        }
+      }
+    `;
+    try {
+      const d = await fetch(s, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          query: r,
+          operationName: "TrendingTags"
+        })
+      });
+      if (!d.ok)
+        throw new Error(`GraphQL request failed: ${d.statusText}`);
+      const i = await d.json();
+      if (i.errors)
+        throw new Error(
+          `GraphQL error: ${i.errors.map((u) => u.message).join(", ")}`
+        );
+      return ((o = (a = i.data) == null ? void 0 : a.trendingTags) == null ? void 0 : o.tags) || [];
+    } catch (d) {
+      throw console.error("Failed to fetch trending tags:", d), d;
+    }
+  }
+  // Convert GQL items to ThreeSpeakVideo format
+  convertGQLItemsToThreeSpeakVideos(s) {
+    return s.map((r) => {
+      var o, d, i, u, c, m, l, x, v, w, k, T, f, j;
+      let a = null;
+      try {
+        typeof r.spkvideo == "string" ? a = JSON.parse(r.spkvideo) : a = r.spkvideo;
+      } catch (b) {
+        console.error("Error parsing spkvideo JSON", b);
+      }
+      return {
+        title: r.title || "Untitled",
+        owner: ((o = r.author) == null ? void 0 : o.username) || "",
+        permlink: r.permlink || "",
+        created: new Date(r.created_at),
+        category: r.tags && r.tags.length > 0 ? r.tags[0] : "general",
+        duration: (a == null ? void 0 : a.duration) || ((c = (u = (i = (d = r.json_metadata) == null ? void 0 : d.raw) == null ? void 0 : i.video) == null ? void 0 : u.info) == null ? void 0 : c.duration) || 0,
+        thumbnail: (a == null ? void 0 : a.thumbnail_url) || ((v = (x = (l = (m = r.json_metadata) == null ? void 0 : m.raw) == null ? void 0 : l.video) == null ? void 0 : x.info) == null ? void 0 : v.thumbnail),
+        // Include stats from GraphQL response
+        numOfUpvotes: (w = r.stats) == null ? void 0 : w.num_votes,
+        numOfComments: (k = r.stats) == null ? void 0 : k.num_comments,
+        hiveValue: (T = r.stats) == null ? void 0 : T.total_hive_reward,
+        // Store active_voters for later use
+        active_votes: ((j = (f = r.stats) == null ? void 0 : f.active_voters) == null ? void 0 : j.map((b) => ({
+          voter: b.voter,
+          percent: b.percent,
+          rshares: b.rshares,
+          weight: b.weight
+        }))) || []
+      };
+    });
+  }
+  async getContentStats(s, r) {
+    try {
+      const a = await Je.call(
+        "condenser_api",
+        "get_content",
+        [s, r]
+      );
+      return {
+        numOfUpvotes: (a == null ? void 0 : a.net_votes) ?? 0,
+        numOfComments: (a == null ? void 0 : a.children) ?? 0,
+        hiveValue: a != null && a.pending_payout_value ? parseFloat(a.pending_payout_value) : 0
+      };
+    } catch {
+      return {
+        numOfUpvotes: 0,
+        numOfComments: 0,
+        hiveValue: 0
+      };
+    }
+  }
+  async getActiveVotes(s, r) {
+    try {
+      return await Je.call(
+        "condenser_api",
+        "get_active_votes",
+        [s, r]
+      );
+    } catch (a) {
+      return console.error("Error calling get_active_votes:", a), [];
+    }
+  }
+  async getCommentsList(s, r) {
+    try {
+      const a = await Je.call(
+        "bridge",
+        "get_discussion",
+        [s, r]
+      );
+      return (Array.isArray(a) ? a : a && typeof a == "object" ? Object.values(a) : []).map((d) => {
+        const i = d.depth;
+        if (typeof i == "string") {
+          const c = parseInt(i, 10);
+          d.depth = Number.isFinite(c) ? c : 0;
+        } else (typeof i != "number" || !Number.isFinite(i)) && (d.depth = d.depth ?? 0);
+        const u = d.json_metadata;
+        try {
+          if (u && typeof u == "string") {
+            const c = u.trim();
+            (c.startsWith("{") && c.endsWith("}") || c.startsWith("[") && c.endsWith("]")) && (d.json_metadata_parsed = JSON.parse(c));
+          } else u && typeof u == "object" && (d.json_metadata_parsed = u);
+        } catch {
+          console.warn(
+            `Skipped invalid json_metadata for ${d.author}/${d.permlink}`
+          );
+        }
+        return d;
+      });
+    } catch (a) {
+      return console.error("Error fetching comments list:", a), [];
+    }
+  }
+  async getMyVideos(s) {
+    const r = `${me.domain}/mobile/api/my-videos`, a = await fetch(r, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: s
+      }
+    });
+    if (a.ok) {
+      const o = await a.json();
+      return Array.isArray(o) ? o : [];
+    } else
+      throw console.error("Failed to fetch my videos:", a.statusText), new Error(`Failed to fetch my videos: ${a.status}`);
+  }
+}
+const Z = new Sr(), fe = (t) => t ? t.startsWith("Qm") || t.startsWith("baf") ? `https://ipfs-3speak.b-cdn.net/ipfs/${t}` : t.startsWith("http") ? t : t.startsWith("/") ? `https://3speak.tv${t}` : t : "/placeholder.svg", Tr = ({
+  video: t,
+  onVideoClick: s,
+  onAuthorClick: r,
+  isGrid: a = !1
+}) => {
+  const [o, d] = p({
+    numOfUpvotes: t.numOfUpvotes,
+    numOfComments: t.numOfComments,
+    hiveValue: t.hiveValue
+  });
+  H(() => {
+    if (o.numOfUpvotes === void 0 && t.numOfUpvotes === void 0) {
+      let c = !0;
+      return (async () => {
+        try {
+          const m = await Z.getContentStats(
+            t.author || "",
+            t.permlink || ""
+          );
+          c && d(m);
+        } catch (m) {
+          console.error("Error fetching content stats for VideoCard:", m);
+        }
+      })(), () => {
+        c = !1;
+      };
+    } else t.numOfUpvotes !== void 0 && d({
+      numOfUpvotes: t.numOfUpvotes,
+      numOfComments: t.numOfComments || 0,
+      hiveValue: t.hiveValue || 0
+    });
+  }, [t.author, t.permlink, o.numOfUpvotes, t.numOfUpvotes, t.numOfComments, t.hiveValue]);
+  const i = (c) => {
+    if (!c) return "00:00";
+    const m = Math.floor(c), l = Math.floor(m / 3600), x = Math.floor(m % 3600 / 60), v = m % 60, w = (k) => k.toString().padStart(2, "0");
+    return m < 60 ? `00:${w(v)}` : l === 0 ? `${w(x)}:${w(v)}` : `${w(l)}:${w(x)}:${w(v)}`;
+  }, u = (c) => c == null ? "" : c >= 1e6 ? `${(c / 1e6).toFixed(1)}M` : c >= 1e3 ? `${(c / 1e3).toFixed(1)}K` : c.toString();
+  return /* @__PURE__ */ e.jsxs("div", { className: "group bg-card border border-border rounded-xl overflow-hidden shadow-card hover:shadow-card-hover transition-all duration-200 hover:-translate-y-1 cursor-pointer", children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "relative aspect-video bg-muted overflow-hidden",
+        onClick: () => s(t),
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: fe(t.thumbnail),
+              alt: t.title,
+              onError: (c) => {
+                c.target.src = `https://images.hive.blog/u/${t.author}/avatar`;
+              },
+              className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+            }
+          ),
+          t.duration && /* @__PURE__ */ e.jsxs("div", { className: "absolute bottom-3 right-3 bg-black/80 text-white text-xs px-2 py-1 rounded-md flex items-center gap-1 backdrop-blur-sm", children: [
+            /* @__PURE__ */ e.jsx(Ft, { className: "w-3 h-3" }),
+            i(t.duration)
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 bg-black/20", children: /* @__PURE__ */ e.jsx("div", { className: "bg-primary hover:bg-primary-hover rounded-full p-4 transform scale-75 group-hover:scale-100 transition-all duration-300 shadow-lg", children: /* @__PURE__ */ e.jsx(et, { className: "w-6 h-6 text-primary-foreground ml-0.5", fill: "currentColor" }) }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-overlay opacity-0 group-hover:opacity-30 transition-opacity duration-300" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "p-4 space-y-3", children: [
+      /* @__PURE__ */ e.jsx(
+        "h3",
+        {
+          className: "font-semibold text-card-foreground line-clamp-2 group-hover:text-primary transition-colors cursor-pointer leading-tight",
+          onClick: () => s(t),
+          children: t.title
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-2 cursor-pointer hover:text-primary transition-colors group/author",
+            onClick: () => r(t.author),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  src: `https://images.hive.blog/u/${t.author}/avatar`,
+                  alt: t.author,
+                  className: "w-8 h-8 rounded-full object-cover border-2 border-border group-hover/author:border-primary transition-colors",
+                  onError: (c) => {
+                    c.target.src = "https://images.hive.blog/u/null/avatar";
+                  }
+                }
+              ),
+              /* @__PURE__ */ e.jsxs("span", { className: "font-medium text-sm text-muted-foreground group-hover/author:text-primary transition-colors", children: [
+                "@",
+                t.author
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: nt(t.created, { addSuffix: !0 }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+          o.numOfUpvotes != null && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 text-muted-foreground hover:text-primary transition-colors cursor-pointer", children: [
+            /* @__PURE__ */ e.jsx(tt, { className: "w-4 h-4" }),
+            /* @__PURE__ */ e.jsx("span", { children: u(o.numOfUpvotes) })
+          ] }),
+          o.numOfComments != null && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 text-muted-foreground hover:text-primary transition-colors cursor-pointer", children: [
+            /* @__PURE__ */ e.jsx(rt, { className: "w-4 h-4" }),
+            /* @__PURE__ */ e.jsx("span", { children: u(o.numOfComments) })
+          ] })
+        ] }),
+        o.hiveValue != null && o.hiveValue > 0 && /* @__PURE__ */ e.jsxs("div", { className: "text-primary font-semibold", children: [
+          "$",
+          o.hiveValue.toFixed(2)
+        ] })
+      ] }),
+      t.category && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx("span", { className: "inline-block bg-primary/10 text-primary text-xs px-2 py-1 rounded-full font-medium", children: t.category }) })
+    ] })
+  ] });
+};
+var Q = /* @__PURE__ */ ((t) => (t.HOME = "home", t.TRENDING = "trending", t.NEW_VIDEOS = "newVideos", t.FIRST_UPLOADS = "firstUploads", t.USER = "user", t.COMMUNITY = "community", t.RELATED = "related", t.TAG_FEED = "tag_feed", t.SEARCH = "search", t))(Q || {});
+const St = /* @__PURE__ */ new Map(), Or = ({
+  title: t,
+  author: s,
+  permlink: r,
+  createdAt: a,
+  video: o,
+  currentUser: d,
+  isContentVoted: i = !1,
+  description: u,
+  onTapComment: c,
+  onTapUpvote: m,
+  onTapShare: l,
+  onTapBookmark: x,
+  onTapAuthor: v,
+  onTapInfo: w
+}) => {
+  const [k, T] = p(o.numOfComments || 0), [f, j] = p(o.numOfUpvotes || 0), [b, M] = p(!1), [_, E] = p(!1), [C, Y] = p(""), h = (U) => {
+    Y(U), E(!0), setTimeout(() => E(!1), 3e3);
+  }, $ = (U, I) => `${U}:${I}`;
+  H(() => {
+    const U = $(s, r), I = St.get(U);
+    I ? (T(I.comments), j(I.upvotes)) : (async () => {
+      const J = await Z.getContentStats(s, r);
+      j(J.numOfUpvotes), T(J.numOfComments), St.set($(s, r), {
+        comments: J.numOfComments,
+        upvotes: J.numOfUpvotes
+      });
+    })();
+  }, [s, r]);
+  const O = () => {
+    c ? c(s, r) : h("Comments feature coming soon!");
+  }, F = () => {
+    m ? m(s, r) : h("Upvote feature requires authentication!");
+  }, G = () => {
+    if (l)
+      l(s, r);
+    else {
+      const U = `https://3speak.tv/user/${s}/${r}`;
+      navigator.share ? navigator.share({ title: t, url: U }) : (navigator.clipboard.writeText(U), h("Link copied to clipboard!"));
+    }
+  }, N = () => {
+    x ? x(s, r) : (M(!b), h(
+      b ? "Removed from bookmarks" : "Added to bookmarks"
+    ));
+  }, L = () => v == null ? void 0 : v(s, r), V = () => {
+    w ? w(s, r) : h("Video details coming soon!");
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "p-6 bg-card border-b border-border", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "text-xl font-bold text-card-foreground mb-4 line-clamp-2", children: t }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-4", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: L,
+            className: "flex-shrink-0 group",
+            children: /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                src: `https://images.hive.blog/u/${s}/avatar`,
+                alt: s,
+                className: "w-12 h-12 rounded-full object-cover border-2 border-border group-hover:border-primary transition-all duration-200",
+                onError: (U) => {
+                  U.target.src = `https://ui-avatars.com/api/?name=${s}&background=random`;
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between mb-4", children: /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                onClick: L,
+                className: "font-semibold text-card-foreground hover:text-primary transition-colors text-base",
+                children: [
+                  "@",
+                  s
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 mt-1 text-sm text-muted-foreground", children: [
+              o.views && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e.jsx(Lt, { className: "w-4 h-4" }),
+                /* @__PURE__ */ e.jsxs("span", { children: [
+                  o.views.toLocaleString(),
+                  " views"
+                ] })
+              ] }),
+              a && /* @__PURE__ */ e.jsx("span", { children: nt(a, { addSuffix: !0 }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: V,
+                className: "inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-muted text-muted-foreground hover:bg-primary/10 hover:text-primary transition-all duration-200",
+                "aria-label": "Show description",
+                children: [
+                  /* @__PURE__ */ e.jsx(Rt, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: "Info" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: O,
+                className: "inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-muted text-muted-foreground hover:bg-primary/10 hover:text-primary transition-all duration-200",
+                "aria-label": "Show comments",
+                children: [
+                  /* @__PURE__ */ e.jsx(rt, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: k })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: F,
+                className: `inline-flex items-center gap-2 px-3 py-2 rounded-lg transition-all duration-200 ${i ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground hover:bg-primary/10 hover:text-primary"}`,
+                "aria-label": "Show upvotes",
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    tt,
+                    {
+                      className: `w-4 h-4 ${i ? "fill-current" : ""}`
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: f })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: G,
+                className: "inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-muted text-muted-foreground hover:bg-secondary/10 hover:text-secondary transition-all duration-200",
+                "aria-label": "Share video",
+                children: [
+                  /* @__PURE__ */ e.jsx(st, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: "Share" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: N,
+                className: `inline-flex items-center gap-2 px-3 py-2 rounded-lg transition-all duration-200 ${b ? "bg-error/10 text-error" : "bg-muted text-muted-foreground hover:bg-error/10 hover:text-error"}`,
+                "aria-label": "Bookmark video",
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    hr,
+                    {
+                      className: `w-4 h-4 ${b ? "fill-current" : ""}`
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: b ? "Saved" : "Save" })
+                ]
+              }
+            )
+          ] }),
+          (o.hiveValue || o.category) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 mt-4 pt-4 border-t border-border", children: [
+            o.hiveValue && o.hiveValue > 0 && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 text-success font-semibold", children: /* @__PURE__ */ e.jsxs("span", { children: [
+              "$",
+              o.hiveValue.toFixed(2),
+              " earned"
+            ] }) }),
+            o.category && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4 text-muted-foreground" }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground capitalize", children: o.category })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    _ && /* @__PURE__ */ e.jsx("div", { className: "fixed bottom-4 right-4 z-50 animate-slide-up", children: /* @__PURE__ */ e.jsx("div", { className: "bg-card border border-border text-card-foreground rounded-lg px-4 py-3 shadow-lg max-w-sm", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: C }) }) })
+  ] });
+}, Fe = /* @__PURE__ */ new Map(), ot = ({
+  feedType: t,
+  username: s,
+  communityId: r,
+  tag: a,
+  onVideoClick: o,
+  onAuthorClick: d
+}) => {
+  const [i, u] = p([]), [c, m] = p(!0), [l, x] = p(!1), [v, w] = p(null), [k, T] = p(!0), [f, j] = p(0), b = gr(() => {
+    switch (t) {
+      case Q.USER:
+        return `user:${s || ""}`;
+      case Q.COMMUNITY:
+        return `community:${r || ""}`;
+      case Q.TAG_FEED:
+        return `tag:${a || ""}`;
+      default:
+        return t;
+    }
+  }, [t, s, r, a]), M = je(
+    async (h) => {
+      var $, O, F, G, N, L, V, U, I, q, J, ne;
+      if (($ = h.author) != null && $.username) {
+        if (!h.permlink) return null;
+        let K = null;
+        try {
+          typeof h.spkvideo == "string" ? K = JSON.parse(h.spkvideo) : K = h.spkvideo;
+        } catch (B) {
+          console.error("Error parsing spkvideo JSON", B);
+        }
+        const ue = fe(K == null ? void 0 : K.thumbnail_url) || fe((N = (G = (F = (O = h.json_metadata) == null ? void 0 : O.raw) == null ? void 0 : F.video) == null ? void 0 : G.info) == null ? void 0 : N.thumbnail), ge = (K == null ? void 0 : K.duration) || ((I = (U = (V = (L = h.json_metadata) == null ? void 0 : L.raw) == null ? void 0 : V.video) == null ? void 0 : U.info) == null ? void 0 : I.duration) || 0;
+        return {
+          title: h.title || "Untitled",
+          author: h.author.username,
+          permlink: h.permlink,
+          created: new Date(h.created_at),
+          category: h.tags && h.tags.length > 0 ? h.tags[0] : "general",
+          duration: ge,
+          thumbnail: ue,
+          numOfUpvotes: ((q = h.stats) == null ? void 0 : q.num_votes) || h.numOfUpvotes,
+          numOfComments: ((J = h.stats) == null ? void 0 : J.num_comments) || h.numOfComments,
+          hiveValue: ((ne = h.stats) == null ? void 0 : ne.total_hive_reward) || h.hiveValue
+        };
+      }
+      return h.owner ? {
+        title: h.title || "Untitled",
+        author: h.owner,
+        permlink: h.permlink || "",
+        created: new Date(h.created || Date.now()),
+        category: h.category || "general",
+        duration: h.duration,
+        thumbnail: fe(h.thumbnail),
+        // Use stats from GraphQL if available
+        numOfUpvotes: h.numOfUpvotes,
+        numOfComments: h.numOfComments,
+        hiveValue: h.hiveValue
+      } : null;
+    },
+    []
+  ), _ = je(
+    async (h, $ = !1) => {
+      try {
+        let O = [];
+        switch (t) {
+          case Q.SEARCH:
+            a && (O = await Z.getSearchFeed(a, h));
+            break;
+          case Q.TAG_FEED:
+            a && (O = await Z.getTaggedVideos(a, h));
+            break;
+          case Q.HOME:
+            O = await Z.getHomeVideos(h);
+            break;
+          case Q.TRENDING:
+            O = await Z.getTrendingVideos(h);
+            break;
+          case Q.NEW_VIDEOS:
+            O = await Z.getNewVideos(h);
+            break;
+          case Q.FIRST_UPLOADS:
+            O = await Z.getFirstUploadsVideos(h);
+            break;
+          case Q.USER:
+            s && (O = await Z.getUserVideos(s, h));
+            break;
+          case Q.COMMUNITY:
+            r && (O = await Z.getCommunityVideos(
+              r,
+              h
+            ));
+            break;
+          case Q.RELATED:
+            s && (O = await Z.getRelatedVideos(
+              s,
+              h
+            ));
+            break;
+        }
+        const G = (await Promise.all(
+          O.map(M)
+        )).filter(
+          (N) => N !== null
+        );
+        $ ? (u(G), Fe.set(b, G)) : u((N) => {
+          const L = [...N, ...G];
+          return Fe.set(b, L), L;
+        }), T(O.length >= 20), j(h + O.length), w(null);
+      } catch (O) {
+        w(O instanceof Error ? O.message : "Failed to load videos");
+      }
+    },
+    [t, s, r, a, b, M]
+  );
+  H(() => {
+    (async () => {
+      m(!0), u([]), j(0);
+      const $ = Fe.get(b);
+      $ != null && $.length && (u($), m(!1)), await _(0, !0), m(!1);
+    })();
+  }, [b, _]);
+  const E = je(async () => {
+    l || !k || (x(!0), await _(f), x(!1));
+  }, [l, k, f, _]), C = je(async () => {
+    Fe.delete(b), m(!0), j(0), await _(0, !0), m(!1);
+  }, [b, _]);
+  H(() => {
+    const h = () => {
+      window.innerHeight + document.documentElement.scrollTop >= document.documentElement.offsetHeight - 1e3 && E();
+    };
+    return window.addEventListener("scroll", h), () => window.removeEventListener("scroll", h);
+  }, [E]);
+  const Y = () => /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: Array.from({ length: 8 }).map((h, $) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "bg-card border border-border rounded-xl overflow-hidden animate-pulse",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "aspect-video bg-muted" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "p-4 space-y-3", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "h-4 bg-muted rounded w-3/4" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 bg-muted rounded-full" }),
+            /* @__PURE__ */ e.jsx("div", { className: "h-3 bg-muted rounded w-20" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "h-3 bg-muted rounded w-16" }),
+            /* @__PURE__ */ e.jsx("div", { className: "h-3 bg-muted rounded w-12" })
+          ] })
+        ] })
+      ]
+    },
+    $
+  )) });
+  return c && i.length === 0 ? /* @__PURE__ */ e.jsx(Y, {}) : v && i.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-card-foreground mb-2", children: "Failed to load videos" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground mb-4", children: v }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: C,
+        className: "inline-flex items-center justify-center rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-card-foreground shadow-sm transition-colors hover:bg-card-hover focus:outline-none focus:ring-2 focus:ring-primary",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Try Again"
+        ]
+      }
+    )
+  ] }) }) : i.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-card-foreground mb-2", children: "No videos found" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground mb-4", children: "Check back later for new content" }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: C,
+        className: "inline-flex items-center justify-center rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-card-foreground shadow-sm transition-colors hover:bg-card-hover focus:outline-none focus:ring-2 focus:ring-primary",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Refresh"
+        ]
+      }
+    )
+  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ e.jsxs("h2", { className: "text-2xl font-bold text-card-foreground capitalize", children: [
+        t.replace(/([A-Z])/g, " $1").toLowerCase(),
+        " Videos"
+      ] }),
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          onClick: C,
+          className: "inline-flex items-center justify-center rounded-md border border-border bg-card px-3 py-2 text-sm font-medium text-card-foreground shadow-sm transition-colors hover:bg-card-hover focus:outline-none focus:ring-2 focus:ring-primary",
+          children: [
+            /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+            "Refresh"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: i.map((h, $) => /* @__PURE__ */ e.jsx(
+      Tr,
+      {
+        video: h,
+        onVideoClick: o,
+        onAuthorClick: d,
+        isGrid: !0
+      },
+      `${h.author}-${h.permlink}-${$}`
+    )) }),
+    k && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pt-8", children: l ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ e.jsx(ae, { className: "w-4 h-4 animate-spin" }),
+      "Loading more videos..."
+    ] }) : /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: E,
+        className: "inline-flex items-center justify-center rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-card-foreground shadow-sm transition-colors hover:bg-card-hover focus:outline-none focus:ring-2 focus:ring-primary",
+        children: "Load More Videos"
+      }
+    ) })
+  ] });
+}, it = ({ isOpen: t, onClose: s, title: r, children: a, maxWidth: o = "max-w-2xl" }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+      onClick: s
+    }
+  ),
+  /* @__PURE__ */ e.jsxs("div", { className: `relative bg-card border border-border rounded-xl shadow-xl w-full mx-4 ${o} max-h-[90vh] overflow-hidden animate-scale-in`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-6 border-b border-border", children: [
+      /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-bold text-card-foreground", children: r }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: s,
+          className: "p-2 rounded-lg hover:bg-muted transition-colors",
+          children: /* @__PURE__ */ e.jsx(xr, { className: "w-5 h-5 text-muted-foreground" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-y-auto max-h-[calc(90vh-80px)] custom-scrollbar", children: a })
+  ] })
+] }) : null, $r = ({ author: t, permlink: s, currentUser: r, onClose: a }) => {
+  const [o, d] = p([]), [i, u] = p(!0), [c, m] = p(null), [l, x] = p(""), [v, w] = p(!1);
+  H(() => {
+    (async () => {
+      try {
+        u(!0);
+        const b = (await Z.getCommentsList(t, s)).filter((M) => M.depth && M.depth > 0).sort((M, _) => new Date(_.created || 0).getTime() - new Date(M.created || 0).getTime());
+        d(b);
+      } catch (j) {
+        m(j instanceof Error ? j.message : "Failed to load comments");
+      } finally {
+        u(!1);
+      }
+    })();
+  }, [t, s]);
+  const k = async () => {
+    if (!(!l.trim() || !r))
+      try {
+        w(!0), console.log("Would submit comment:", l), x("");
+      } catch (f) {
+        console.error("Failed to submit comment:", f);
+      } finally {
+        w(!1);
+      }
+  }, T = (f) => {
+    const j = Math.min(f.depth || 0, 5);
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `border-l-2 border-border ${j > 0 ? `ml-${j * 4}` : ""}`,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "p-4 bg-muted/30 rounded-r-lg", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                src: `https://images.hive.blog/u/${f.author}/avatar`,
+                alt: f.author,
+                className: "w-6 h-6 rounded-full object-cover border border-border",
+                onError: (b) => {
+                  b.target.src = `https://ui-avatars.com/api/?name=${f.author}&background=random`;
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("span", { className: "font-medium text-card-foreground text-sm", children: [
+              "@",
+              f.author
+            ] }),
+            f.created && /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: nt(new Date(f.created), { addSuffix: !0 }) })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "text-sm text-card-foreground leading-relaxed", children: f.body || "No content" }),
+          f.net_votes && f.net_votes > 0 && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mt-2", children: /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            f.net_votes,
+            " votes"
+          ] }) })
+        ] })
+      },
+      `${f.author}-${f.permlink}`
+    );
+  };
+  return /* @__PURE__ */ e.jsx(
+    it,
+    {
+      isOpen: !0,
+      onClose: a,
+      title: `Comments (${o.length})`,
+      maxWidth: "max-w-2xl",
+      children: /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "mb-6 p-4 bg-muted/50 rounded-lg", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: `https://images.hive.blog/u/${r}/avatar`,
+              alt: r,
+              className: "w-8 h-8 rounded-full object-cover border border-border"
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ e.jsx(
+              "textarea",
+              {
+                value: l,
+                onChange: (f) => x(f.target.value),
+                placeholder: "Write a comment...",
+                className: "w-full p-3 bg-background border border-border rounded-lg resize-none focus:outline-none focus:ring-2 focus:ring-primary",
+                rows: 3
+              }
+            ),
+            /* @__PURE__ */ e.jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                onClick: k,
+                disabled: !l.trim() || v,
+                className: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary-hover disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+                children: [
+                  v ? /* @__PURE__ */ e.jsx(ae, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ e.jsx(fr, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: v ? "Posting..." : "Post Comment" })
+                ]
+              }
+            ) })
+          ] })
+        ] }) }),
+        i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
+          /* @__PURE__ */ e.jsx(ae, { className: "w-6 h-6 animate-spin text-primary" }),
+          /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-muted-foreground", children: "Loading comments..." })
+        ] }) : c ? /* @__PURE__ */ e.jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ e.jsx("p", { className: "text-error", children: c }) }) : o.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "text-center py-8", children: [
+          /* @__PURE__ */ e.jsx(rt, { className: "w-12 h-12 text-muted-foreground mx-auto mb-2" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: "No comments yet" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Be the first to share your thoughts!" })
+        ] }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: o.map(T) })
+      ] })
+    }
+  );
+}, Fr = ({ author: t, permlink: s, onClose: r }) => {
+  const [a, o] = p([]), [d, i] = p(!0), [u, c] = p(null);
+  H(() => {
+    (async () => {
+      try {
+        i(!0);
+        const v = (await Z.getActiveVotes(t, s)).sort((w, k) => k.rshares - w.rshares);
+        o(v);
+      } catch (x) {
+        c(x instanceof Error ? x.message : "Failed to load votes");
+      } finally {
+        i(!1);
+      }
+    })();
+  }, [t, s]);
+  const m = (l) => l >= 1e9 ? `${(l / 1e9).toFixed(1)}B` : l >= 1e6 ? `${(l / 1e6).toFixed(1)}M` : l >= 1e3 ? `${(l / 1e3).toFixed(1)}K` : l.toString();
+  return /* @__PURE__ */ e.jsx(
+    it,
+    {
+      isOpen: !0,
+      onClose: r,
+      title: `Votes (${a.length})`,
+      maxWidth: "max-w-md",
+      children: /* @__PURE__ */ e.jsx("div", { className: "p-6", children: d ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
+        /* @__PURE__ */ e.jsx(ae, { className: "w-6 h-6 animate-spin text-primary" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-muted-foreground", children: "Loading votes..." })
+      ] }) : u ? /* @__PURE__ */ e.jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ e.jsx("p", { className: "text-error", children: u }) }) : a.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "text-center py-8", children: [
+        /* @__PURE__ */ e.jsx(tt, { className: "w-12 h-12 text-muted-foreground mx-auto mb-2" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: "No votes yet" })
+      ] }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: a.map((l, x) => /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between p-3 rounded-lg bg-muted/50 hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  src: `https://images.hive.blog/u/${l.voter}/avatar`,
+                  alt: l.voter,
+                  className: "w-8 h-8 rounded-full object-cover border border-border",
+                  onError: (v) => {
+                    v.target.src = `https://ui-avatars.com/api/?name=${l.voter}&background=random`;
+                  }
+                }
+              ),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "font-medium text-card-foreground", children: [
+                  "@",
+                  l.voter
+                ] }),
+                l.time && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: new Date(l.time).toLocaleDateString() })
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "text-right", children: [
+              l.percent && /* @__PURE__ */ e.jsxs("div", { className: "text-sm font-medium text-primary", children: [
+                (l.percent / 100).toFixed(1),
+                "%"
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                m(l.rshares),
+                " rshares"
+              ] })
+            ] })
+          ]
+        },
+        `${l.voter}-${x}`
+      )) }) })
+    }
+  );
+}, Lr = ({ author: t, permlink: s, content: r, onClose: a }) => /* @__PURE__ */ e.jsx(
+  it,
+  {
+    isOpen: !0,
+    onClose: a,
+    title: "Video Description",
+    maxWidth: "max-w-2xl",
+    children: /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
+      r ? /* @__PURE__ */ e.jsx("div", { className: "prose prose-sm max-w-none", children: /* @__PURE__ */ e.jsx("div", { className: "bg-muted/30 rounded-lg p-4", children: /* @__PURE__ */ e.jsx("pre", { className: "whitespace-pre-wrap text-sm text-card-foreground font-sans leading-relaxed", children: r }) }) }) : /* @__PURE__ */ e.jsxs("div", { className: "text-center py-8", children: [
+        /* @__PURE__ */ e.jsx(pr, { className: "w-12 h-12 text-muted-foreground mx-auto mb-2" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: "No description available" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "This video doesn't have a description yet." })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "mt-6 pt-4 border-t border-border", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ e.jsxs("span", { children: [
+          "By @",
+          t
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { children: "•" }),
+        /* @__PURE__ */ e.jsxs("span", { children: [
+          "/",
+          s
+        ] })
+      ] }) })
+    ] })
+  }
+), bs = () => {
+  const { author: t, permlink: s } = kr(), r = Ie(), [a, o] = p(null), [d, i] = p(!0), [u, c] = p(null), [m, l] = p(!1), [x, v] = p(null), [w, k] = p(!1), [T, f] = p(!1), [j, b] = p(!1), [M, _] = p(!1), E = Le(null), C = Le(null), Y = Le(null);
+  H(() => {
+    (async () => {
+      if (!(!t || !s))
+        try {
+          i(!0), c(null);
+          const L = await Z.getVideoDetails(t, s);
+          o(L), l(!1), v(null);
+        } catch (L) {
+          c(L instanceof Error ? L.message : "Failed to load video");
+        } finally {
+          i(!1);
+        }
+    })();
+  }, [t, s]);
+  const h = (N) => N ? N.startsWith("ipfs://") ? `https://ipfs-3speak.b-cdn.net/ipfs/${N.replace("ipfs://", "").split("/")[0]}/manifest.m3u8` : N : "";
+  H(() => ((async () => {
+    const L = a == null ? void 0 : a.video_v2;
+    if (!m || !L || !E.current) return;
+    const V = E.current, U = h(L);
+    C.current && (C.current.destroy(), C.current = null), V.src = "", V.load();
+    try {
+      let I = !1;
+      const q = () => {
+        I || (I = !0, V.play().then(() => v(null)).catch((B) => v(`Playback failed: ${B.message}`)));
+      };
+      if (ve.isSupported()) {
+        const B = new ve({
+          debug: !1,
+          enableWorker: !1,
+          lowLatencyMode: !1,
+          backBufferLength: 90,
+          maxLoadingDelay: 4,
+          maxBufferLength: 30,
+          maxMaxBufferLength: 600,
+          startLevel: -1
+        });
+        C.current = B, B.on(ve.Events.MANIFEST_PARSED, () => {
+        }), B.on(ve.Events.ERROR, (oe, te) => {
+          if (te.fatal)
+            switch (te.type) {
+              case ve.ErrorTypes.NETWORK_ERROR:
+                v("Network error, retrying..."), setTimeout(() => B.startLoad(), 1e3);
+                break;
+              case ve.ErrorTypes.MEDIA_ERROR:
+                v("Media error, retrying..."), setTimeout(() => B.recoverMediaError(), 1e3);
+                break;
+              default:
+                v(`Fatal error: ${te.details}`), B.destroy(), C.current = null;
+                break;
+            }
+        }), B.attachMedia(V), B.loadSource(U);
+      } else if (V.canPlayType("application/vnd.apple.mpegurl"))
+        V.src = U;
+      else {
+        const B = U.replace(
+          "/manifest.m3u8",
+          "/480p/index.m3u8"
+        );
+        V.src = B;
+      }
+      const J = () => k(!0), ne = () => {
+        k(!1), q();
+      }, K = (B) => {
+        var te;
+        const oe = B.target;
+        v(
+          `Video error: ${((te = oe.error) == null ? void 0 : te.message) || "Unknown error"}`
+        ), k(!1);
+      }, ue = () => k(!1);
+      V.addEventListener("loadstart", J), V.addEventListener("canplay", ne), V.addEventListener("error", K), V.addEventListener("loadeddata", ue);
+      const ge = async () => {
+        var oe, te, de, he;
+        const B = !!document.fullscreenElement;
+        try {
+          B ? "orientation" in screen && await (((te = (oe = screen.orientation) == null ? void 0 : oe.lock) == null ? void 0 : te.call(oe, "landscape")) ?? Promise.resolve()) : "orientation" in screen && ((he = (de = screen.orientation) == null ? void 0 : de.unlock) == null || he.call(de));
+        } catch {
+        }
+      };
+      return document.addEventListener("fullscreenchange", ge), Y.current = () => {
+        document.removeEventListener("fullscreenchange", ge);
+      }, () => {
+        V.removeEventListener("loadstart", J), V.removeEventListener("canplay", ne), V.removeEventListener("error", K), V.removeEventListener("loadeddata", ue), Y.current && Y.current();
+      };
+    } catch (I) {
+      v(
+        `Setup error: ${I instanceof Error ? I.message : "Unknown"}`
+      );
+    }
+  })(), () => {
+    C.current && (C.current.destroy(), C.current = null);
+  }), [m, a == null ? void 0 : a.video_v2]);
+  const $ = () => {
+    if (!(a == null ? void 0 : a.video_v2)) {
+      v("No video source available");
+      return;
+    }
+    l(!0), v(null), k(!0);
+  }, O = (N) => {
+    r(`/video/${N.author}/${N.permlink}`);
+  }, F = (N) => {
+    r(`/user/${N}`);
+  }, G = (N) => {
+    if (!N) return "00:00";
+    const L = Math.floor(N), V = Math.floor(L / 3600), U = Math.floor(L % 3600 / 60), I = L % 60, q = (J) => J.toString().padStart(2, "0");
+    return L < 60 ? `00:${q(I)}` : V === 0 ? `${q(U)}:${q(I)}` : `${q(V)}:${q(U)}:${q(I)}`;
+  };
+  return d ? /* @__PURE__ */ e.jsxs("div", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-50 w-full bg-background border-b border-border", children: /* @__PURE__ */ e.jsx("div", { className: "container mx-auto px-4 py-3", children: /* @__PURE__ */ e.jsx("div", { className: "h-8 w-24 bg-muted rounded-full animate-pulse" }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "container mx-auto px-4 py-8 max-w-6xl", children: /* @__PURE__ */ e.jsxs("div", { className: "animate-pulse space-y-6", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "aspect-video bg-muted rounded-xl" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "h-6 bg-muted rounded w-3/4" }),
+        /* @__PURE__ */ e.jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+      ] })
+    ] }) })
+  ] }) : u || !a ? /* @__PURE__ */ e.jsx("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center max-w-md mx-auto px-4", children: [
+    /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-card-foreground mb-2", children: "Failed to Load Video" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground mb-4", children: u || "Video not found" }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => r(-1),
+        className: "inline-flex items-center gap-2 px-4 py-2 bg-card border border-border text-card-foreground rounded-lg hover:bg-card-hover transition-colors",
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, { className: "w-4 h-4" }),
+          "Go Back"
+        ]
+      }
+    )
+  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-50 w-full bg-background/95 backdrop-blur-sm border-b border-border", children: /* @__PURE__ */ e.jsx("div", { className: "container mx-auto px-4 py-3", children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => r(-1),
+        className: "inline-flex items-center gap-2 text-muted-foreground hover:text-card-foreground transition-colors",
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, { className: "w-4 h-4" }),
+          "Back"
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "container mx-auto px-4 py-8 max-w-6xl", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "w-full aspect-video bg-black rounded-xl overflow-hidden relative shadow-card", children: m ? /* @__PURE__ */ e.jsxs("div", { className: "relative w-full h-full", children: [
+          /* @__PURE__ */ e.jsx(
+            "video",
+            {
+              ref: E,
+              controls: !0,
+              poster: fe(a.thumbnail),
+              className: "w-full h-full object-contain bg-black",
+              onDoubleClick: async (N) => {
+                const L = N.currentTarget;
+                try {
+                  document.fullscreenElement ? await document.exitFullscreen() : await L.requestFullscreen();
+                } catch {
+                }
+              }
+            }
+          ),
+          w && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ e.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary" }) }),
+          x && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/80", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center text-white", children: [
+            /* @__PURE__ */ e.jsx("p", { className: "mb-4", children: x }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: () => {
+                  l(!1), v(null);
+                },
+                className: "px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary-hover transition-colors",
+                children: "Try Again"
+              }
+            )
+          ] }) })
+        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: fe(a.thumbnail) || `https://images.hive.blog/u/${a.owner}/avatar`,
+              alt: a.title,
+              className: "w-full h-full object-cover",
+              onError: (N) => {
+                N.target.src = `https://images.hive.blog/u/${a.owner}/avatar`;
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-overlay opacity-30" }),
+          /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              onClick: $,
+              className: "bg-primary hover:bg-primary-hover rounded-full p-6 transform hover:scale-110 transition-all duration-300 shadow-lg",
+              children: /* @__PURE__ */ e.jsx(et, { className: "w-8 h-8 text-primary-foreground ml-1", fill: "currentColor" })
+            }
+          ) }),
+          a.duration && /* @__PURE__ */ e.jsxs("div", { className: "absolute bottom-4 right-4 bg-black/80 text-white text-sm px-3 py-1 rounded-md flex items-center gap-1 backdrop-blur-sm", children: [
+            /* @__PURE__ */ e.jsx(Ft, { className: "w-3 h-3" }),
+            G(a.duration)
+          ] }),
+          a.views && /* @__PURE__ */ e.jsxs("div", { className: "absolute bottom-4 left-4 bg-black/80 text-white text-sm px-3 py-1 rounded-md flex items-center gap-1 backdrop-blur-sm", children: [
+            /* @__PURE__ */ e.jsx(Lt, { className: "w-3 h-3" }),
+            a.views.toLocaleString(),
+            " views"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e.jsx(
+          Or,
+          {
+            title: a.title || "",
+            author: a.owner || "",
+            permlink: a.permlink || "",
+            createdAt: a.created,
+            description: a.description || "",
+            video: {
+              title: a.title || "",
+              author: a.owner || "",
+              permlink: a.permlink || "",
+              created: a.created || /* @__PURE__ */ new Date(),
+              category: a.category || "",
+              numOfUpvotes: void 0,
+              numOfComments: void 0,
+              hiveValue: void 0,
+              duration: a.duration,
+              thumbnail: a.thumbnail,
+              views: a.views
+            },
+            onTapComment: () => f(!0),
+            onTapUpvote: () => b(!0),
+            onTapInfo: () => _(!0),
+            onTapAuthor: () => r(`/user/${a.owner}`)
+          }
+        ),
+        a.tags && /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: a.tags.split(",").map((N, L) => /* @__PURE__ */ e.jsxs(
+          "span",
+          {
+            className: "bg-primary/10 text-primary px-3 py-1 rounded-full text-sm font-medium hover:bg-primary/20 transition-colors cursor-pointer",
+            onClick: () => r(`/tag/${N.trim()}`),
+            children: [
+              "#",
+              N.trim()
+            ]
+          },
+          L
+        )) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-card border border-border rounded-xl p-6 sticky top-24", children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-card-foreground mb-4 text-lg", children: "Related Videos" }),
+        /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ e.jsx(
+          ot,
+          {
+            feedType: Q.RELATED,
+            username: a.owner,
+            onVideoClick: O,
+            onAuthorClick: F
+          }
+        ) })
+      ] })
+    ] }) }),
+    T && t && s && /* @__PURE__ */ e.jsx(
+      $r,
+      {
+        author: t,
+        permlink: s,
+        onClose: () => f(!1)
+      }
+    ),
+    j && t && s && /* @__PURE__ */ e.jsx(
+      Fr,
+      {
+        author: t,
+        permlink: s,
+        onClose: () => b(!1)
+      }
+    ),
+    M && t && s && /* @__PURE__ */ e.jsx(
+      Lr,
+      {
+        author: t,
+        permlink: s,
+        content: a.description || "",
+        onClose: () => _(!1)
+      }
+    )
+  ] });
+};
+var At = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Tt = le.createContext && /* @__PURE__ */ le.createContext(At), Rr = ["attr", "size", "title"];
+function Pr(t, s) {
+  if (t == null) return {};
+  var r = Vr(t, s), a, o;
+  if (Object.getOwnPropertySymbols) {
+    var d = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < d.length; o++)
+      a = d[o], !(s.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (r[a] = t[a]);
+  }
+  return r;
+}
+function Vr(t, s) {
+  if (t == null) return {};
+  var r = {};
+  for (var a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      if (s.indexOf(a) >= 0) continue;
+      r[a] = t[a];
+    }
+  return r;
+}
+function Me() {
+  return Me = Object.assign ? Object.assign.bind() : function(t) {
+    for (var s = 1; s < arguments.length; s++) {
+      var r = arguments[s];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, Me.apply(this, arguments);
+}
+function Ot(t, s) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    s && (a = a.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function Ue(t) {
+  for (var s = 1; s < arguments.length; s++) {
+    var r = arguments[s] != null ? arguments[s] : {};
+    s % 2 ? Ot(Object(r), !0).forEach(function(a) {
+      Ar(t, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Ot(Object(r)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return t;
+}
+function Ar(t, s, r) {
+  return s = Dr(s), s in t ? Object.defineProperty(t, s, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[s] = r, t;
+}
+function Dr(t) {
+  var s = Mr(t, "string");
+  return typeof s == "symbol" ? s : s + "";
+}
+function Mr(t, s) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(t, s);
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (s === "string" ? String : Number)(t);
+}
+function Dt(t) {
+  return t && t.map((s, r) => /* @__PURE__ */ le.createElement(s.tag, Ue({
+    key: r
+  }, s.attr), Dt(s.child)));
+}
+function we(t) {
+  return (s) => /* @__PURE__ */ le.createElement(Ur, Me({
+    attr: Ue({}, t.attr)
+  }, s), Dt(t.child));
+}
+function Ur(t) {
+  var s = (r) => {
+    var {
+      attr: a,
+      size: o,
+      title: d
+    } = t, i = Pr(t, Rr), u = o || r.size || "1em", c;
+    return r.className && (c = r.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ le.createElement("svg", Me({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, a, i, {
+      className: c,
+      style: Ue(Ue({
+        color: t.color || r.color
+      }, r.style), t.style),
+      height: u,
+      width: u,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), d && /* @__PURE__ */ le.createElement("title", null, d), t.children);
+  };
+  return Tt !== void 0 ? /* @__PURE__ */ le.createElement(Tt.Consumer, null, (r) => s(r)) : s(At);
+}
+function Ir(t) {
+  return we({ attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z" }, child: [] }] })(t);
+}
+function Hr(t) {
+  return we({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z" }, child: [] }] })(t);
+}
+function Wr(t) {
+  return we({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" }, child: [] }] })(t);
+}
+function Br(t) {
+  return we({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-224v-64h64c0 35.35-28.65 64-64 64zm272 176c-44.19 0-80-42.99-80-96 0-53.02 35.82-96 80-96s80 42.98 80 96c0 53.03-35.83 96-80 96zm272 48h-64c0-35.35 28.65-64 64-64v64zm0-224c-35.35 0-64-28.65-64-64h64v64z" }, child: [] }] })(t);
+}
+function zr(t) {
+  return we({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M560 224h-29.5c-8.8-20-21.6-37.7-37.4-52.5L512 96h-32c-29.4 0-55.4 13.5-73 34.3-7.6-1.1-15.1-2.3-23-2.3H256c-77.4 0-141.9 55-156.8 128H56c-14.8 0-26.5-13.5-23.5-28.8C34.7 215.8 45.4 208 57 208h1c3.3 0 6-2.7 6-6v-20c0-3.3-2.7-6-6-6-28.5 0-53.9 20.4-57.5 48.6C-3.9 258.8 22.7 288 56 288h40c0 52.2 25.4 98.1 64 127.3V496c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16v-48h128v48c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16v-80.7c11.8-8.9 22.3-19.4 31.3-31.3H560c8.8 0 16-7.2 16-16V240c0-8.8-7.2-16-16-16zm-128 64c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM256 96h128c5.4 0 10.7.4 15.9.8 0-.3.1-.5.1-.8 0-53-43-96-96-96s-96 43-96 96c0 2.1.5 4.1.6 6.2 15.2-3.9 31-6.2 47.4-6.2z" }, child: [] }] })(t);
+}
+function qr(t) {
+  return we({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M461.2 128H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h384c8.84 0 16-7.16 16-16 0-26.51-21.49-48-48-48H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h397.2c28.02 0 50.8-21.53 50.8-48V176c0-26.47-22.78-48-50.8-48zM416 336c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z" }, child: [] }] })(t);
+}
+const lt = new wr.Client(["https://api.hive.blog"]), Yr = async (t) => {
+  try {
+    const s = await lt.database.getAccounts([t]);
+    if (!s || s.length === 0)
+      throw new Error("Account not found");
+    return s[0];
+  } catch (s) {
+    return console.error("Error in getWalletDataDetail:", s), { error: s instanceof Error ? s.message : "Unknown error" };
+  }
+}, Jr = async (t) => {
+  try {
+    const s = await lt.database.getDynamicGlobalProperties(), r = parseFloat(t.split(" ")[0]), a = parseFloat(
+      String(s.total_vesting_shares).split(" ")[0]
+    ), o = parseFloat(
+      String(s.total_vesting_fund_hive).split(" ")[0]
+    );
+    return (r * o / a).toFixed(3);
+  } catch (s) {
+    return console.error("Error in convertVestingSharesToHiveData:", s), "0";
+  }
+}, Gr = async (t) => {
+  try {
+    const r = (await lt.database.call("get_feed_history", [])).current_median_history, a = parseFloat(r.base.split(" ")[0]), o = typeof t == "string" ? parseFloat(t) : t;
+    return (a * o).toFixed(2);
+  } catch (s) {
+    return console.error("Error in convertHivetoUSDData:", s), "0";
+  }
+}, Kr = _r((t) => ({
+  walletData: null,
+  isLoading: !1,
+  error: null,
+  setWalletData: (s) => t({ walletData: s }),
+  clearWalletData: () => t({ walletData: null, error: null }),
+  fetchWalletData: async (s) => {
+    t({ isLoading: !0, error: null });
+    try {
+      const r = await Yr(s), a = (T) => "error" in T;
+      if (!r || a(r))
+        throw new Error(a(r) ? r.error : "Account not found");
+      const o = typeof r.vesting_shares == "string" ? r.vesting_shares : "0.000000 VESTS", d = typeof r.balance == "string" ? r.balance : r.balance.toString(), i = typeof r.hbd_balance == "string" ? r.hbd_balance : r.hbd_balance.toString(), u = typeof r.savings_balance == "string" ? r.savings_balance : r.savings_balance.toString(), c = typeof r.savings_hbd_balance == "string" ? r.savings_hbd_balance : r.savings_hbd_balance.toString(), m = await Jr(o), l = parseFloat(d.split(" ")[0] || "0"), x = parseFloat(m), v = (l + x).toFixed(3), w = await Gr(v), k = {
+        balance: d,
+        hbd_balance: i,
+        savings_balance: u,
+        savings_hbd_balance: c,
+        hive_power: `${m} HP`,
+        estimated_value: `$${w}`
+      };
+      return t({ walletData: k }), k;
+    } catch (r) {
+      const a = r instanceof Error ? r.message : "Failed to fetch wallet data";
+      console.error("Wallet fetch error:", a);
+      const o = {
+        balance: "0.000 HIVE",
+        hbd_balance: "0.000 HBD",
+        savings_balance: "0.000 HIVE",
+        savings_hbd_balance: "0.000 HBD",
+        hive_power: "0 HP",
+        estimated_value: "$0.00",
+        error: a
+      };
+      return t({ walletData: o, error: a }), o;
+    } finally {
+      t({ isLoading: !1 });
+    }
+  }
+})), ys = ({ username: t, className: s = "" }) => {
+  const { walletData: r, fetchWalletData: a, isLoading: o, error: d } = Kr();
+  H(() => {
+    t && a(t);
+  }, [t, a]);
+  const i = ({ label: u, value: c, icon: m, colorClass: l = "bg-primary/10" }) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-4 rounded-lg bg-card border border-border shadow-sm mb-3 transition-all duration-200 hover:shadow-md", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+      m && /* @__PURE__ */ e.jsx("div", { className: `p-2 rounded-full flex items-center justify-center ${l} text-primary`, children: m }),
+      /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-card-foreground", children: u })
+    ] }),
+    /* @__PURE__ */ e.jsx("span", { className: "font-medium text-muted-foreground", children: c ?? "-" })
+  ] });
+  return /* @__PURE__ */ e.jsx("div", { className: `min-h-screen bg-gradient-elegant p-4 transition-all duration-300 ${s}`, children: /* @__PURE__ */ e.jsxs("div", { className: "max-w-md mx-auto", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center p-6 mb-6 rounded-xl bg-card border border-border shadow-elegant", children: [
+      t && /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          src: `https://images.hive.blog/u/${t}/avatar`,
+          alt: `${t} avatar`,
+          className: "w-20 h-20 rounded-full border-4 border-primary/20 mb-3 transition-transform hover:scale-105",
+          onError: (u) => {
+            u.target.src = `https://ui-avatars.com/api/?name=${t}&background=random`;
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "text-lg font-bold text-card-foreground", children: t }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: "Hive Wallet Overview" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "text-center rounded-xl bg-gradient-primary shadow-glow p-6 mb-6 transition-all duration-300 hover:shadow-elegant", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "text-sm font-semibold text-primary-foreground/80", children: "Estimated Value" }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-3xl font-bold mt-2 text-primary-foreground", children: o ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "w-6 h-6 border-2 border-primary-foreground/30 border-t-primary-foreground rounded-full animate-spin" }),
+        "Loading..."
+      ] }) : (r == null ? void 0 : r.estimated_value) ?? "-" })
+    ] }),
+    d && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center p-3 rounded-lg bg-destructive/10 border border-destructive/20 text-destructive mb-4", children: [
+      /* @__PURE__ */ e.jsx(Wr, { className: "mr-2" }),
+      /* @__PURE__ */ e.jsx("span", { children: d })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        label: "Balance",
+        value: r == null ? void 0 : r.balance,
+        icon: /* @__PURE__ */ e.jsx(qr, {}),
+        colorClass: "bg-blue-500/10"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        label: "HBD Balance",
+        value: r == null ? void 0 : r.hbd_balance,
+        icon: /* @__PURE__ */ e.jsx(Br, {}),
+        colorClass: "bg-green-500/10"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        label: "Savings Balance",
+        value: r == null ? void 0 : r.savings_balance,
+        icon: /* @__PURE__ */ e.jsx(zr, {}),
+        colorClass: "bg-yellow-500/10"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        label: "Savings HBD Balance",
+        value: r == null ? void 0 : r.savings_hbd_balance,
+        icon: /* @__PURE__ */ e.jsx(Hr, {}),
+        colorClass: "bg-purple-500/10"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        label: "Hive Power",
+        value: r == null ? void 0 : r.hive_power,
+        icon: /* @__PURE__ */ e.jsx(Ir, {}),
+        colorClass: "bg-orange-500/10"
+      }
+    )
+  ] }) });
+}, Ge = "_communityLocalKey", Re = {
+  getBookmarkedCommunities: () => {
+    const t = localStorage.getItem(Ge);
+    return t ? JSON.parse(t) : [];
+  },
+  isUserPresentLocally: (t) => {
+    const s = localStorage.getItem(Ge);
+    return s ? JSON.parse(s).includes(t) : !1;
+  },
+  storeLikedCommunityLocally: (t, s = !1) => {
+    let r = Re.getBookmarkedCommunities();
+    return r.includes(t) ? r = r.filter((a) => a !== t) : s || r.push(t), localStorage.setItem(Ge, JSON.stringify(r)), r;
+  }
+}, Mt = ({
+  id: t,
+  toastType: s,
+  isLiked: r,
+  onAdd: a,
+  onRemove: o,
+  onFavourite: d
+}) => {
+  const [i, u] = p(
+    r ?? Re.isUserPresentLocally(t)
+  );
+  H(() => {
+    r !== void 0 && u(r);
+  }, [r]);
+  const c = () => {
+    d && d(), i ? (o ? o(t, "remove_bookmark") : Re.storeLikedCommunityLocally(
+      t,
+      !0
+    ), m(!1)) : (a ? a(t, "add_bookmark") : Re.storeLikedCommunityLocally(t), m(!0)), u(!i);
+  }, m = (l) => {
+    alert(`The ${s} is ${l ? "added to" : "removed from"} your bookmarks`);
+  };
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: c,
+      className: "p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+      children: i ? /* @__PURE__ */ e.jsx(br, { className: "w-5 h-5 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ e.jsx(yr, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
+    }
+  );
+};
+class Qr {
+  constructor() {
+    $e(this, "HIVE_API_URL", "https://api.hive.blog");
+  }
+  async getListOfCommunities(s, r = 20, a) {
+    const o = { limit: r };
+    a && a.trim() !== "" && (o.last = a), s && s.trim() !== "" && (o.query = s);
+    const d = {
+      jsonrpc: "2.0",
+      method: "bridge.list_communities",
+      params: o,
+      id: 1
+    };
+    try {
+      const i = await fetch(this.HIVE_API_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(d)
+      });
+      if (!i.ok)
+        throw new Error(`HTTP error! status: ${i.status}`);
+      return (await i.json()).result || [];
+    } catch (i) {
+      throw console.error("Error fetching communities:", i), i;
+    }
+  }
+  async getCommunityDetails(s) {
+    const r = {
+      jsonrpc: "2.0",
+      method: "bridge.get_community",
+      params: { name: s },
+      id: 1
+    };
+    try {
+      const a = await fetch(this.HIVE_API_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(r)
+      });
+      if (!a.ok)
+        throw new Error(`HTTP error! status: ${a.status}`);
+      return await a.json();
+    } catch (a) {
+      throw console.error("Error fetching community details:", a), a;
+    }
+  }
+  async getCommunitySubscribers(s, r = 100, a) {
+    const o = { community: s, limit: r };
+    a && a.trim() !== "" && (o.last = a);
+    const d = {
+      jsonrpc: "2.0",
+      method: "bridge.list_community_roles",
+      params: o,
+      id: 1
+    };
+    try {
+      const i = await fetch(this.HIVE_API_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(d)
+      });
+      if (!i.ok)
+        throw new Error(`HTTP error! status: ${i.status}`);
+      return ((await i.json()).result || []).map((c) => ({
+        username: c[0],
+        role: c[1],
+        extra: c[2],
+        subscribedAt: c[3]
+      }));
+    } catch (i) {
+      throw console.error("Error fetching community subscribers:", i), i;
+    }
+  }
+  communityIcon(s) {
+    return `https://images.hive.blog/u/${s}/avatar?size=icon`;
+  }
+  userOwnerThumb(s) {
+    return `https://images.hive.blog/u/${s}/avatar`;
+  }
+}
+const ce = new Qr(), vs = ({ onSelectCommunity: t }) => {
+  const [s, r] = p([]), [a, o] = p(""), [d, i] = p(!0), [u, c] = p(!1), [m, l] = p(!0), [x, v] = p(
+    null
+  ), [w, k] = p(null), T = 20, f = Le(null), j = je(
+    async (_ = !1) => {
+      if (!(!_ && (u || !m)))
+        try {
+          _ ? (i(!0), k(null), r([]), v(null), l(!0)) : c(!0);
+          const E = a.trim(), C = await ce.getListOfCommunities(
+            E.length >= 3 ? E : void 0,
+            T,
+            _ ? void 0 : x || void 0
+          );
+          r((Y) => _ ? C : [...Y, ...C]), C.length < T || C.length > 0 && C[C.length - 1].name === x ? l(!1) : C.length > 0 && v(C[C.length - 1].name || null);
+        } catch (E) {
+          k(
+            E instanceof Error ? E.message : "Failed to load communities"
+          ), l(!1);
+        } finally {
+          i(!1), c(!1);
+        }
+    },
+    [a, u, m, x]
+  );
+  H(() => {
+    const _ = setTimeout(
+      () => {
+        j(!0);
+      },
+      a.length >= 3 || a.length === 0 ? 0 : 500
+    );
+    return () => clearTimeout(_);
+  }, [a]), H(() => {
+    var _;
+    (_ = f.current) == null || _.focus();
+  }, [a, d, w]), H(() => {
+    const _ = () => {
+      window.innerHeight + document.documentElement.scrollTop >= document.documentElement.offsetHeight - 200 && !u && !d && m && j();
+    };
+    return window.addEventListener("scroll", _), () => window.removeEventListener("scroll", _);
+  }, [j, u, d, m]);
+  const b = () => {
+    j(!0);
+  }, M = () => /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: Array.from({ length: 6 }).map((_, E) => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4 animate-pulse",
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "w-12 h-12 bg-gray-200 dark:bg-gray-700 rounded-full" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4" }),
+          /* @__PURE__ */ e.jsx("div", { className: "h-3 bg-gray-200 dark:bg-gray-700 rounded w-1/2" })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "h-3 bg-gray-200 dark:bg-gray-700 rounded w-16" })
+      ] })
+    },
+    E
+  )) });
+  return d && s.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ e.jsx(Ye, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-500 dark:text-gray-400 w-5 h-5" }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search communities...",
+          value: a,
+          onChange: (_) => o(_.target.value),
+          ref: f,
+          autoFocus: !0,
+          className: `w-full pl-10 pr-4 py-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 
+                       rounded-xl text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400
+                       focus:outline-none focus:ring-2 focus:ring-blue-500`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(M, {})
+  ] }) : w && s.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ e.jsx(Ye, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-500 dark:text-gray-400 w-5 h-5" }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search communities...",
+          value: a,
+          onChange: (_) => o(_.target.value),
+          ref: f,
+          autoFocus: !0,
+          className: `w-full pl-10 pr-4 py-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
+                       rounded-xl text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400
+                       focus:outline-none focus:ring-2 focus:ring-blue-500`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load communities" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: w }),
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          onClick: b,
+          className: "m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+          children: [
+            /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+            "Try Again"
+          ]
+        }
+      )
+    ] }) })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Communities" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative flex justify-between items-center", children: [
+      /* @__PURE__ */ e.jsx(Ye, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-500 dark:text-gray-400 w-5 h-5" }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search communities...",
+          value: a,
+          onChange: (_) => o(_.target.value),
+          ref: f,
+          autoFocus: !0,
+          className: `w-full pl-10 pr-4 py-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 
+                     rounded-xl text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400
+                     focus:outline-none focus:ring-2 focus:ring-blue-500`
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: b,
+          className: "m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+          children: /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4" })
+        }
+      )
+    ] }),
+    s.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "No communities found" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: a ? "Try adjusting your search terms" : "Check back later for new communities" })
+    ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+      s.map((_) => /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
+                         rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700 
+                         transition-colors cursor-pointer`,
+          onClick: () => t(_.name || ""),
+          children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                src: ce.communityIcon(_.name || ""),
+                alt: _.title,
+                className: "w-12 h-12 rounded-full object-cover",
+                onError: (E) => {
+                  E.target.src = `https://ui-avatars.com/api/?name=${_.title}&background=random`;
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ e.jsx("h3", { className: "font-semibold text-gray-900 dark:text-white truncate", children: _.title }),
+              /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 line-clamp-2", children: _.about })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-right", children: /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+              (_.subscribers || 0).toLocaleString(),
+              " members"
+            ] }) })
+          ] })
+        },
+        _.id
+      )),
+      m && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pt-4", children: u ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ e.jsx(ae, { className: "w-4 h-4 animate-spin" }),
+        "Loading more communities..."
+      ] }) : /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => j(),
+          className: "m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+          children: "Load More Communities"
+        }
+      ) })
+    ] })
+  ] });
+}, Xr = ({ communityId: t }) => {
+  var x, v, w;
+  const [s, r] = p(null), [a, o] = p(!0), [d, i] = p(null), u = async () => {
+    try {
+      o(!0), i(null);
+      const k = await ce.getCommunityDetails(t);
+      r(k);
+    } catch (k) {
+      i(
+        k instanceof Error ? k.message : "Failed to load community details"
+      );
+    } finally {
+      o(!1);
+    }
+  };
+  H(() => {
+    u();
+  }, [t]);
+  const c = (k) => {
+    try {
+      return new Date(k).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    } catch {
+      return k;
+    }
+  }, m = (k) => k.replace(/<[^>]*>/g, "");
+  if (a)
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+      "Loading community details..."
+    ] }) });
+  if (d)
+    return /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load community details" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: d }),
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          onClick: u,
+          className: "m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+          children: [
+            /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4" }),
+            "Try Again"
+          ]
+        }
+      )
+    ] }) });
+  if (!(s != null && s.result))
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No community details available" }) });
+  const l = s.result;
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6", children: [
+    l.about && /* @__PURE__ */ e.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-3", children: "About" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-300 leading-relaxed", children: m(l.about) })
+    ] }),
+    l.description && /* @__PURE__ */ e.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-3", children: "Information" }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 dark:text-gray-300 leading-relaxed whitespace-pre-wrap", children: m(l.description) })
+    ] }),
+    l.flag_text && /* @__PURE__ */ e.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-3", children: "Community Rules" }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 dark:text-gray-300 leading-relaxed whitespace-pre-wrap", children: m(l.flag_text) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Total Authors" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: ((x = l.num_authors) == null ? void 0 : x.toLocaleString()) || "0" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Subscribers" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: ((v = l.subscribers) == null ? void 0 : v.toLocaleString()) || "0" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Created" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: l.created_at ? c(l.created_at) : "Unknown" })
+      ] }),
+      l.lang && /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Language" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: l.lang.toUpperCase() })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Pending Posts" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: ((w = l.num_pending) == null ? void 0 : w.toLocaleString()) || "0" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Type" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: l.is_nsfw ? "NSFW" : "Safe" })
+      ] })
+    ] })
+  ] }) });
+}, Zr = ({
+  communityId: t,
+  onSelectTeamMember: s
+}) => {
+  var l;
+  const [r, a] = p(null), [o, d] = p(!0), [i, u] = p(null), c = async () => {
+    try {
+      d(!0), u(null);
+      const x = await ce.getCommunityDetails(t);
+      a(x);
+    } catch (x) {
+      u(
+        x instanceof Error ? x.message : "Failed to load team details"
+      );
+    } finally {
+      d(!1);
+    }
+  };
+  H(() => {
+    c();
+  }, [t]);
+  const m = ((l = r == null ? void 0 : r.result) == null ? void 0 : l.team) || [];
+  return o ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+    "Loading team members..."
+  ] }) }) : i ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load team details" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: i }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: c,
+        className: "m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Try Again"
+        ]
+      }
+    )
+  ] }) }) : m.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No team members found" }) }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: m.map((x, v) => {
+    const w = x[0], k = x.length > 1 ? x[1] : "";
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        onClick: () => s && s(w),
+        className: `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 
+                         rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700 
+                         transition-colors cursor-pointer`,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: ce.userOwnerThumb(w),
+              alt: w,
+              className: "w-12 h-12 rounded-full object-cover",
+              onError: (T) => {
+                T.target.src = `https://ui-avatars.com/api/?name=${w}&background=random`;
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e.jsxs("h3", { className: "font-semibold text-gray-900 dark:text-white truncate", children: [
+              "@",
+              w
+            ] }),
+            k && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 capitalize truncate", children: k })
+          ] })
+        ] })
+      },
+      `${w}-${v}`
+    );
+  }) }) });
+}, es = ({ communityId: t, onSelectCommunityMember: s }) => {
+  const [r, a] = p([]), [o, d] = p(!0), [i, u] = p(!1), [c, m] = p(!0), [l, x] = p(null), [v, w] = p(null), k = 100, T = je(
+    async (f = !1) => {
+      if (!(i && !f))
+        try {
+          f ? (d(!0), w(null), a([]), x(null), m(!0)) : u(!0);
+          const j = await ce.getCommunitySubscribers(
+            t,
+            k,
+            f ? void 0 : l || void 0
+          );
+          j.length === 0 ? m(!1) : (a((b) => {
+            if (f) return j;
+            const M = new Set(b.map((E) => E.username)), _ = j.filter(
+              (E) => !M.has(E.username)
+            );
+            return [...b, ..._];
+          }), j.length > 0 && x(j[j.length - 1].username), m(j.length === k));
+        } catch (j) {
+          w(j instanceof Error ? j.message : "Failed to load members");
+        } finally {
+          d(!1), u(!1);
+        }
+    },
+    [t, i, l]
+  );
+  return H(() => {
+    T(!0);
+  }, [t]), H(() => {
+    const f = () => {
+      window.innerHeight + document.documentElement.scrollTop >= document.documentElement.offsetHeight - 200 && !i && !o && c && T();
+    };
+    return window.addEventListener("scroll", f), () => window.removeEventListener("scroll", f);
+  }, [T, i, o, c]), o && r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+    "Loading members..."
+  ] }) }) : v && r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load members" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: v }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => T(!0),
+        className: "m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Try Again"
+        ]
+      }
+    )
+  ] }) }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No community members found" }) }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: r.map((f, j) => /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700 transition-colors cursor-pointer",
+        onClick: () => s == null ? void 0 : s(f.username),
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: ce.userOwnerThumb(f.username),
+              alt: f.username,
+              className: "w-12 h-12 rounded-full object-cover",
+              onError: (b) => {
+                b.target.src = `https://ui-avatars.com/api/?name=${f.username}&background=random`;
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e.jsxs("h3", { className: "font-semibold text-gray-900 dark:text-white truncate", children: [
+              "@",
+              f.username
+            ] }),
+            f.role && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 capitalize truncate", children: f.role })
+          ] })
+        ] })
+      },
+      `${f.username}-${j}`
+    )) }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pt-4", children: i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ e.jsx(ae, { className: "w-4 h-4 animate-spin" }),
+      "Loading more members..."
+    ] }) : /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: () => T(),
+        className: "m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        children: "Load More Members"
+      }
+    ) })
+  ] });
+}, js = ({
+  communityId: t,
+  onVideoClick: s,
+  onAuthorClick: r,
+  onBack: a,
+  onclickAboutTab: o,
+  onclickTeamTab: d,
+  onclickMemberTab: i,
+  onShare: u,
+  onFavourite: c,
+  onRss: m,
+  onMoreVertical: l,
+  showMoreVertical: x = !0
+}) => {
+  const v = Ie(), [w, k] = p("videos"), [T, f] = p(null), [j, b] = p(!1), [M, _] = p(!0);
+  H(() => {
+    (async () => {
+      try {
+        _(!0);
+        const O = await ce.getCommunityDetails(t);
+        f(O);
+      } catch (O) {
+        console.error("Failed to fetch community details:", O);
+      } finally {
+        _(!1);
+      }
+    })();
+  }, [t]);
+  const E = () => {
+    var O;
+    const $ = `https://3speak.tv/user/${t}`;
+    navigator.share ? navigator.share({
+      title: ((O = T == null ? void 0 : T.result) == null ? void 0 : O.title) || t,
+      url: $
+    }) : navigator.clipboard.writeText($);
+  }, C = () => {
+    window.open(`https://3speak.tv/rss/${t}.xml`, "_blank");
+  }, Y = ($) => {
+    v(`/user/${$}`);
+  };
+  if (M)
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsxs("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "h-8 bg-gray-200 dark:bg-gray-700 rounded w-32 mb-6" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 mb-4", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 bg-gray-200 dark:bg-gray-700 rounded-full" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-48" }),
+            /* @__PURE__ */ e.jsx("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-32" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: Array.from({ length: 4 }).map(($, O) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "h-10 bg-gray-200 dark:bg-gray-700 rounded w-20"
+          },
+          O
+        )) })
+      ] })
+    ] }) });
+  const h = T == null ? void 0 : T.result;
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: a,
+        className: "flex items-center justify-center mr-4 px-2 text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full",
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, { className: "w-4 h-4 mr-2" }),
+          "Back"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center gap-6", children: [
+      /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          src: ce.userOwnerThumb(t),
+          alt: (h == null ? void 0 : h.title) || t,
+          className: "w-16 h-16 rounded-full object-cover",
+          onError: ($) => {
+            $.target.src = `https://images.hive.blog/u/${(h == null ? void 0 : h.title) || t}/avatar`;
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-2", children: (h == null ? void 0 : h.title) || t }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-4", children: (h == null ? void 0 : h.about) || "Community description" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-6 text-sm", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+            /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+            /* @__PURE__ */ e.jsxs("span", { children: [
+              ((h == null ? void 0 : h.subscribers) || 0).toLocaleString(),
+              " members"
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+            /* @__PURE__ */ e.jsx(Pt, { className: "w-4 h-4" }),
+            /* @__PURE__ */ e.jsxs("span", { children: [
+              "Created",
+              " ",
+              h != null && h.created_at ? new Date(h.created_at).getFullYear() : "Unknown"
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(
+          Mt,
+          {
+            id: t,
+            toastType: "community",
+            onAdd: ($, O) => console.log("Added:", $, O),
+            onRemove: ($, O) => console.log("Removed:", $, O),
+            onFavourite: c
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: m || C,
+            className: "p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+            children: /* @__PURE__ */ e.jsx(Vt, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: u || E,
+            className: "p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+            children: /* @__PURE__ */ e.jsx(st, { className: "w-4 h-4" })
+          }
+        ),
+        x && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: l || (() => {
+            }),
+            className: "p-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+            children: /* @__PURE__ */ e.jsx(at, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 w-full bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => k("videos"),
+            className: `px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${w === "videos" ? "bg-blue-600 dark:bg-blue-500 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,
+            children: "Videos"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => o ? o() : k("about"),
+            className: `px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${w === "about" ? "bg-blue-600 dark:bg-blue-500 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,
+            children: "About"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => d ? d() : k("team"),
+            className: `px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${w === "team" ? "bg-blue-600 dark:bg-blue-500 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,
+            children: "Team"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => i ? i() : k("members"),
+            className: `px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${w === "members" ? "bg-blue-600 dark:bg-blue-500 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,
+            children: "Members"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "mt-6", children: [
+        w === "videos" && /* @__PURE__ */ e.jsx(
+          ot,
+          {
+            feedType: Q.COMMUNITY,
+            communityId: t,
+            onVideoClick: s,
+            onAuthorClick: r
+          }
+        ),
+        w === "about" && !o && /* @__PURE__ */ e.jsx(Xr, { communityId: t }),
+        w === "team" && !d && /* @__PURE__ */ e.jsx(
+          Zr,
+          {
+            communityId: t,
+            onSelectTeamMember: Y
+          }
+        ),
+        w === "members" && !i && /* @__PURE__ */ e.jsx(
+          es,
+          {
+            communityId: t,
+            onSelectCommunityMember: Y
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, ws = ({
+  currentUser: t,
+  onTabChanged: s,
+  onPublish: r,
+  onViewMyVideo: a,
+  onMoreOptions: o,
+  onTapBackButton: d,
+  shouldShowBackButton: i = !0,
+  shouldShowPublishButton: u = !1,
+  shouldShowMoreOptionsButton: c = !1
+}) => {
+  const m = Ie(), [l, x] = p(0), [v, w] = p([]), [k, T] = p(!0), [f, j] = p(null), b = v.filter(
+    (F) => [
+      "encoding",
+      "uploaded",
+      "encoding_queued",
+      "encoding_preparing",
+      "ipfs_pinning",
+      "ipfs_pinning_failed",
+      "encoding_failed",
+      "encoding_ipfs"
+    ].includes(F.status || "")
+  ), M = v.filter((F) => F.status === "publish_manual"), _ = v.filter((F) => F.status === "published");
+  H(() => {
+    t != null && t.token && E();
+  }, [t]);
+  const E = async () => {
+    if (!(t != null && t.token)) {
+      j("No authentication token provided"), T(!1);
+      return;
+    }
+    T(!0), j(null);
+    try {
+      const F = await Z.getMyVideos(t.token);
+      w(F);
+    } catch (F) {
+      console.error("Error fetching videos:", F), j(
+        `Failed to load videos: ${F instanceof Error ? F.message : "Unknown error"}`
+      );
+    } finally {
+      T(!1);
+    }
+  }, C = (F) => {
+    x(F), s == null || s(F);
+  }, Y = (F) => {
+    F.owner && F.permlink && m(`/video/${F.owner}/${F.permlink}`);
+  }, h = (F) => {
+    switch (F.toLowerCase()) {
+      case "published":
+        return "bg-green-500";
+      case "encoding":
+      case "encoding_queued":
+        return "bg-orange-500";
+      case "uploaded":
+        return "bg-blue-500";
+      case "publish_manual":
+        return "bg-purple-500";
+      default:
+        return "bg-gray-500";
+    }
+  }, $ = [
+    "ipfs_pinning",
+    "ipfs_pinning_failed",
+    "encoding",
+    "encoding_failed",
+    "encoding_ipfs"
+  ], O = (F, G) => {
+    if (F.length === 0) {
+      let N = "";
+      switch (G) {
+        case "publishNow":
+          N = "No videos ready to publish.";
+          break;
+        case "myVideos":
+          N = "No published videos found.";
+          break;
+        case "encoding":
+          N = "No videos currently encoding.";
+          break;
+      }
+      return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-16", children: [
+        /* @__PURE__ */ e.jsx(kt, { className: "w-16 h-16 text-gray-400 mb-4" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-400 text-center", children: N })
+      ] });
+    }
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3 w-full", children: F.map((N, L) => {
+      const V = N.thumbnail || "", U = N.title || "No Title", I = N.permlink || "", q = N.owner || (t == null ? void 0 : t.username) || "", J = N.id || "", ne = $.includes(N.status || "");
+      return /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 hover:shadow-md transition-shadow",
+          children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "relative flex-shrink-0", children: [
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  src: fe(V) || `https://images.hive.blog/u/${t == null ? void 0 : t.username}/avatar`,
+                  alt: U,
+                  className: "w-24 h-16 rounded-lg object-cover",
+                  onError: (K) => {
+                    K.target.src = `https://images.hive.blog/u/${t == null ? void 0 : t.username}/avatar`;
+                  }
+                }
+              ),
+              $.includes(N.status || "") ? /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 rounded-lg", children: /* @__PURE__ */ e.jsx(_t, { className: "w-6 h-6 text-red-500" }) }) : /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 flex items-center justify-center bg-black/20 opacity-0 hover:opacity-100 transition-opacity cursor-pointer rounded-lg",
+                  onClick: () => Y(N),
+                  children: /* @__PURE__ */ e.jsx(et, { className: "w-6 h-6 text-white" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ e.jsx(
+                "h3",
+                {
+                  className: "font-semibold text-gray-900 dark:text-white text-sm cursor-pointer hover:text-blue-600 dark:hover:text-blue-400",
+                  onClick: () => Y(N),
+                  style: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  children: U
+                }
+              ),
+              /* @__PURE__ */ e.jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-xs mt-1", children: [
+                "By ",
+                q
+              ] }),
+              N.status && /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: /* @__PURE__ */ e.jsx(
+                "span",
+                {
+                  className: `inline-block px-2 py-1 rounded-full text-xs font-semibold text-white ${h(
+                    N.status
+                  )}`,
+                  children: N.status.toUpperCase()
+                }
+              ) })
+            ] }),
+            ne ? /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 pl-2", children: /* @__PURE__ */ e.jsx(_t, { className: "w-5 h-5 text-red-500" }) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-end gap-2", children: [
+              G === "publishNow" && u && /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: () => r == null ? void 0 : r(q, I),
+                  className: "bg-green-600 hover:bg-green-700 text-white text-xs px-3 py-1 rounded-md transition-colors",
+                  children: "Publish"
+                }
+              ),
+              G === "myVideos" && /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: () => a ? a(q, I) : Y(N),
+                  className: "bg-blue-600 hover:bg-blue-700 text-white text-xs px-3 py-1 rounded-md transition-colors",
+                  children: "View"
+                }
+              ),
+              c && /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: () => o == null ? void 0 : o(J),
+                  className: "p-1 h-6 w-6 rounded-md hover:bg-gray-300 dark:hover:bg-gray-700 transition-colors",
+                  children: /* @__PURE__ */ e.jsx(at, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ] })
+        },
+        `${J}-${L}`
+      );
+    }) });
+  };
+  return t ? /* @__PURE__ */ e.jsxs("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900", children: [
+    i && /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: d,
+        className: "flex items-center justify-center mr-4 my-2 px-2 text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full",
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, { className: "w-4 h-4 mr-2" }),
+          "Back"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-4", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: `https://images.hive.blog/u/${t.username}/avatar`,
+              alt: t.username,
+              className: "w-12 h-12 md:w-16 md:h-16 rounded-full object-cover border-2 border-gray-200 dark:border-gray-700",
+              onError: (F) => {
+                F.target.src = `https://ui-avatars.com/api/?name=${t.username}&background=random&size=64`;
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("h1", { className: "text-lg md:text-xl font-semibold text-gray-900 dark:text-white", children: t.username }) })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: E,
+            className: "p-2 rounded-md hover:bg-gray-300 dark:hover:bg-gray-700 transition-colors",
+            children: /* @__PURE__ */ e.jsx(se, { className: "w-5 h-5" })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ e.jsxs("div", { className: "flex overflow-x-auto scrollbar-hide", children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: () => C(0),
+            className: `flex items-center gap-2 px-4 md:px-6 py-3 border-b-2 font-medium text-sm transition-colors whitespace-nowrap flex-shrink-0 ${l === 0 ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}`,
+            children: [
+              /* @__PURE__ */ e.jsx(vr, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "Publish Now" }),
+              /* @__PURE__ */ e.jsx("span", { className: "sm:hidden", children: "Publish" }),
+              M.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full", children: M.length })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: () => C(1),
+            className: `flex items-center gap-2 px-4 md:px-6 py-3 border-b-2 font-medium text-sm transition-colors whitespace-nowrap flex-shrink-0 ${l === 1 ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}`,
+            children: [
+              /* @__PURE__ */ e.jsx(kt, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "My Videos" }),
+              /* @__PURE__ */ e.jsx("span", { className: "sm:hidden", children: "Videos" }),
+              _.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full", children: _.length })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: () => C(2),
+            className: `flex items-center gap-2 px-4 md:px-6 py-3 border-b-2 font-medium text-sm transition-colors whitespace-nowrap flex-shrink-0 ${l === 2 ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}`,
+            children: [
+              /* @__PURE__ */ e.jsx(jr, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "Encoding" }),
+              /* @__PURE__ */ e.jsx("span", { className: "sm:hidden", children: "Encoding" }),
+              b.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs px-2 py-1 rounded-full", children: b.length })
+            ]
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "py-4 md:py-6 w-full", children: k ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }) }) : f ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] text-center", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ e.jsx(Rt, { className: "w-8 h-8 text-red-600 dark:text-red-400" }) }),
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load videos" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-4", children: f }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: E,
+          className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition-colors",
+          children: "Retry"
+        }
+      )
+    ] }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+      l === 0 && O(
+        M,
+        "publishNow"
+        /* PUBLISH_NOW */
+      ),
+      l === 1 && O(
+        _,
+        "myVideos"
+        /* MY_VIDEOS */
+      ),
+      l === 2 && O(
+        b,
+        "encoding"
+        /* ENCODING */
+      )
+    ] }) })
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-400", children: "Please login to view your account" }) });
+};
+class ts {
+  constructor() {
+    $e(this, "HIVE_API_URL", "https://api.hive.blog");
+  }
+  async getProfile(s) {
+    const r = {
+      jsonrpc: "2.0",
+      method: "bridge.get_profile",
+      params: {
+        account: s
+      },
+      id: 1
+    }, a = await fetch(this.HIVE_API_URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(r)
+    });
+    if (!a.ok)
+      throw new Error(`HTTP error! status: ${a.status}`);
+    return await a.json();
+  }
+  async getFollowers(s) {
+    const r = {
+      jsonrpc: "2.0",
+      method: "condenser_api.get_followers",
+      params: [s, null, "blog"],
+      id: 1
+    }, a = await fetch(this.HIVE_API_URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(r)
+    });
+    if (!a.ok)
+      throw new Error(`HTTP error! status: ${a.status}`);
+    return (await a.json()).result;
+  }
+  async getFollowing(s) {
+    const r = {
+      jsonrpc: "2.0",
+      method: "condenser_api.get_following",
+      params: [s, null, "blog"],
+      id: 1
+    }, a = await fetch(this.HIVE_API_URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(r)
+    });
+    if (!a.ok)
+      throw new Error(`HTTP error! status: ${a.status}`);
+    return (await a.json()).result;
+  }
+  userAvatar(s) {
+    return `https://images.hive.blog/u/${s}/avatar`;
+  }
+}
+const ie = new ts(), rs = ({
+  username: t,
+  onSelectUser: s
+}) => {
+  const [r, a] = p([]), [o, d] = p(!0), [i, u] = p(null), c = async () => {
+    try {
+      d(!0), u(null);
+      const m = await ie.getFollowers(t);
+      a(m);
+    } catch (m) {
+      u(
+        m instanceof Error ? m.message : "Failed to load followers"
+      );
+    } finally {
+      d(!1);
+    }
+  };
+  return H(() => {
+    c();
+  }, [t]), o ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+    "Loading followers..."
+  ] }) }) : i ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load followers" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: i }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: c,
+        className: "m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Try Again"
+        ]
+      }
+    )
+  ] }) }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "This user has no followers." }) }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: r.map((m, l) => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      onClick: () => s && s(m.follower),
+      className: `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
+                         rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700
+                         transition-colors cursor-pointer`,
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: ie.userAvatar(m.follower),
+            alt: m.follower,
+            className: "w-12 h-12 rounded-full object-cover",
+            onError: (x) => {
+              x.target.src = `https://ui-avatars.com/api/?name=${m.follower}&background=random`;
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e.jsxs("h3", { className: "font-semibold text-gray-900 dark:text-white truncate", children: [
+          "@",
+          m.follower
+        ] }) })
+      ] })
+    },
+    `${m.follower}-${l}`
+  )) }) });
+}, ss = ({
+  username: t,
+  onSelectUser: s
+}) => {
+  const [r, a] = p([]), [o, d] = p(!0), [i, u] = p(null), c = async () => {
+    try {
+      d(!0), u(null);
+      const m = await ie.getFollowing(t);
+      a(m);
+    } catch (m) {
+      u(
+        m instanceof Error ? m.message : "Failed to load following list"
+      );
+    } finally {
+      d(!1);
+    }
+  };
+  return H(() => {
+    c();
+  }, [t]), o ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+    /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+    "Loading following list..."
+  ] }) }) : i ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load following list" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: i }),
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: c,
+        className: "m-2 inline-flex items-center justify-center rounded-md border border-input text-gray-400 cursor-pointer bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        children: [
+          /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4 mr-2" }),
+          "Try Again"
+        ]
+      }
+    )
+  ] }) }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "This user is not following anyone." }) }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: r.map((m, l) => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      onClick: () => s && s(m.following),
+      className: `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
+                         rounded-xl p-4 hover:bg-gray-300 dark:hover:bg-gray-700
+                         transition-colors cursor-pointer`,
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: ie.userAvatar(m.following),
+            alt: m.following,
+            className: "w-12 h-12 rounded-full object-cover",
+            onError: (x) => {
+              x.target.src = `https://ui-avatars.com/api/?name=${m.following}&background=random`;
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e.jsxs("h3", { className: "font-semibold text-gray-900 dark:text-white truncate", children: [
+          "@",
+          m.following
+        ] }) })
+      ] })
+    },
+    `${m.following}-${l}`
+  )) }) });
+}, as = ({ username: t }) => {
+  var v, w, k, T, f, j;
+  const [s, r] = p(null), [a, o] = p(!0), [d, i] = p(null), u = async () => {
+    try {
+      o(!0), i(null);
+      const b = await ie.getProfile(t);
+      r(b);
+    } catch (b) {
+      i(
+        b instanceof Error ? b.message : "Failed to load user details"
+      );
+    } finally {
+      o(!1);
+    }
+  };
+  H(() => {
+    u();
+  }, [t]);
+  const c = (b) => {
+    try {
+      return new Date(b).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    } catch {
+      return b;
+    }
+  }, m = (b) => b.replace(/<[^>]*>/g, "");
+  if (a)
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 animate-spin" }),
+      "Loading user details..."
+    ] }) });
+  if (d)
+    return /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center min-h-[400px] space-y-4", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Failed to load user details" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400 mb-4", children: d }),
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          onClick: u,
+          className: "m-2 inline-flex items-center justify-center rounded-md border border-input bg-background p-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+          children: [
+            /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4" }),
+            "Try Again"
+          ]
+        }
+      )
+    ] }) });
+  if (!(s != null && s.result))
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No user details available" }) });
+  const l = s.result, x = (v = l.metadata) == null ? void 0 : v.profile;
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6", children: [
+    (x == null ? void 0 : x.about) && /* @__PURE__ */ e.jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-3", children: "About" }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-gray-600 dark:text-gray-300 leading-relaxed whitespace-pre-wrap", children: m(x.about) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Location" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: (x == null ? void 0 : x.location) || "Not specified" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Website" }),
+        /* @__PURE__ */ e.jsx("a", { href: x == null ? void 0 : x.website, target: "_blank", rel: "noopener noreferrer", className: "text-lg font-semibold text-blue-500 hover:underline", children: (x == null ? void 0 : x.website) || "Not specified" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Joined" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: l.created ? c(l.created) : "Unknown" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Followers" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: ((k = (w = l.stats) == null ? void 0 : w.followers) == null ? void 0 : k.toLocaleString()) || "0" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Following" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: ((f = (T = l.stats) == null ? void 0 : T.following) == null ? void 0 : f.toLocaleString()) || "0" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded-lg", children: [
+        /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 mb-1", children: "Post Count" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: ((j = l.post_count) == null ? void 0 : j.toLocaleString()) || "0" })
+      ] })
+    ] })
+  ] }) });
+}, Ns = ({
+  username: t,
+  onVideoClick: s,
+  onAuthorClick: r,
+  onBack: a
+}) => {
+  var b, M, _;
+  const o = Ie(), [d, i] = p("videos"), [u, c] = p(null), [m, l] = p(!1), [x, v] = p(!0);
+  H(() => {
+    (async () => {
+      try {
+        v(!0);
+        const C = await ie.getProfile(t);
+        c(C);
+      } catch (C) {
+        console.error("Failed to fetch user details:", C);
+      } finally {
+        v(!1);
+      }
+    })();
+  }, [t]);
+  const w = () => {
+    var C;
+    const E = `https://3speak.tv/user/${t}`;
+    navigator.share ? navigator.share({
+      title: ((C = u == null ? void 0 : u.result) == null ? void 0 : C.name) || t,
+      url: E
+    }) : navigator.clipboard.writeText(E);
+  }, k = () => {
+    window.open(`https://3speak.tv/rss/${t}.xml`, "_blank");
+  }, T = (E) => {
+    o(`/user/${E}`);
+  };
+  if (x)
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ e.jsxs("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "h-8 bg-gray-200 dark:bg-gray-700 rounded w-32 mb-6" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 mb-4", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 bg-gray-200 dark:bg-gray-700 rounded-full" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-48" }),
+            /* @__PURE__ */ e.jsx("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-32" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: Array.from({ length: 4 }).map((E, C) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "h-10 bg-gray-200 dark:bg-gray-700 rounded w-20"
+          },
+          C
+        )) })
+      ] })
+    ] }) });
+  const f = u == null ? void 0 : u.result, j = (b = f == null ? void 0 : f.metadata) == null ? void 0 : b.profile;
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: a,
+        className: "flex items-center justify-center mr-4 px-2 text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full",
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, { className: "w-4 h-4 mr-2" }),
+          "Back"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden", children: [
+      /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          src: j.cover_image || ie.userAvatar(t),
+          alt: "Cover",
+          className: "w-full h-48 object-cover",
+          onError: (E) => {
+            E.target.src = ie.userAvatar(t);
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "p-6", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center gap-6", children: [
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: j == null ? void 0 : j.profile_image,
+            alt: j == null ? void 0 : j.name,
+            className: "w-24 h-24 rounded-full object-cover border-4 border-white dark:border-gray-800 -mt-16",
+            onError: (E) => {
+              E.target.src = ie.userAvatar(t);
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-2", children: (j == null ? void 0 : j.name) || t }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-4", children: (j == null ? void 0 : j.about) || "No description available" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-6 text-sm", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsxs("span", { children: [
+                (((M = f == null ? void 0 : f.stats) == null ? void 0 : M.followers) || 0).toLocaleString(),
+                " Followers"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsxs("span", { children: [
+                (((_ = f == null ? void 0 : f.stats) == null ? void 0 : _.following) || 0).toLocaleString(),
+                " Following"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-gray-500 dark:text-gray-400", children: [
+              /* @__PURE__ */ e.jsx(Pt, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsxs("span", { children: [
+                "Joined",
+                " ",
+                f != null && f.created ? new Date(f.created).getFullYear() : "Unknown"
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx(
+            Mt,
+            {
+              id: t,
+              toastType: "user",
+              onAdd: (E, C) => console.log("Added:", E, C),
+              onRemove: (E, C) => console.log("Removed:", E, C)
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              onClick: k,
+              className: "p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+              children: /* @__PURE__ */ e.jsx(Vt, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              onClick: w,
+              className: "p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700",
+              children: /* @__PURE__ */ e.jsx(st, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx("button", { className: "p-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700", children: /* @__PURE__ */ e.jsx(at, { className: "w-4 h-4" }) })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden", children: [
+        { key: "videos", label: "Videos" },
+        { key: "about", label: "User Info" },
+        { key: "followers", label: "Followers" },
+        { key: "following", label: "Following" }
+      ].map((E, C) => /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => i(E.key),
+          className: `px-4 py-2 text-xs sm:text-sm font-medium transition-colors ${d === E.key ? "bg-blue-600 dark:bg-blue-500 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-700"}`,
+          children: E.label
+        },
+        E.key
+      )) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "mt-6", children: [
+        d === "videos" && /* @__PURE__ */ e.jsx(
+          ot,
+          {
+            feedType: Q.USER,
+            username: t,
+            onVideoClick: s,
+            onAuthorClick: r
+          }
+        ),
+        d === "about" && /* @__PURE__ */ e.jsx(as, { username: t }),
+        d === "followers" && /* @__PURE__ */ e.jsx(rs, { username: t, onSelectUser: T }),
+        d === "following" && /* @__PURE__ */ e.jsx(ss, { username: t, onSelectUser: T })
+      ] })
+    ] })
+  ] });
+}, Ke = 768;
+function ks() {
+  const [t, s] = Ae.useState(void 0);
+  return Ae.useEffect(() => {
+    const r = window.matchMedia(`(max-width: ${Ke - 1}px)`), a = () => {
+      s(window.innerWidth < Ke);
+    };
+    return r.addEventListener("change", a), s(window.innerWidth < Ke), () => r.removeEventListener("change", a);
+  }, []), !!t;
+}
+const ns = 1, os = 1e6;
+let Qe = 0;
+function is() {
+  return Qe = (Qe + 1) % Number.MAX_SAFE_INTEGER, Qe.toString();
+}
+const Xe = /* @__PURE__ */ new Map(), $t = (t) => {
+  if (Xe.has(t))
+    return;
+  const s = setTimeout(() => {
+    Xe.delete(t), Ee({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, os);
+  Xe.set(t, s);
+}, ls = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, ns)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map((r) => r.id === s.toast.id ? { ...r, ...s.toast } : r)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = s;
+      return r ? $t(r) : t.toasts.forEach((a) => {
+        $t(a.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (a) => a.id === r || r === void 0 ? {
+            ...a,
+            open: !1
+          } : a
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((r) => r.id !== s.toastId)
+      };
+  }
+}, Pe = [];
+let Ve = { toasts: [] };
+function Ee(t) {
+  Ve = ls(Ve, t), Pe.forEach((s) => {
+    s(Ve);
+  });
+}
+function cs({ ...t }) {
+  const s = is(), r = (o) => Ee({
+    type: "UPDATE_TOAST",
+    toast: { ...o, id: s }
+  }), a = () => Ee({ type: "DISMISS_TOAST", toastId: s });
+  return Ee({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (o) => {
+        o || a();
+      }
+    }
+  }), {
+    id: s,
+    dismiss: a,
+    update: r
+  };
+}
+function _s() {
+  const [t, s] = Ae.useState(Ve);
+  return Ae.useEffect(() => (Pe.push(s), () => {
+    const r = Pe.indexOf(s);
+    r > -1 && Pe.splice(r, 1);
+  }), [t]), {
+    ...t,
+    toast: cs,
+    dismiss: (r) => Ee({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+export {
+  Q as ApiVideoFeedType,
+  $r as CommentsModal,
+  vs as CommunitiesList,
+  Xr as CommunityAbout,
+  js as CommunityDetail,
+  es as CommunityMembers,
+  Zr as CommunityTeam,
+  Lr as DescriptionModal,
+  Mt as FavouriteWidget,
+  it as Modal,
+  Fr as UpvoteListModal,
+  ws as UserAccount,
+  rs as UserFollowers,
+  ss as UserFollowing,
+  as as UserInfo,
+  Ns as UserProfilePage,
+  Tr as VideoCard,
+  bs as VideoDetail,
+  ot as VideoFeed,
+  Or as VideoInfo,
+  ys as Wallet,
+  Z as apiService,
+  ls as reducer,
+  me as server,
+  cs as toast,
+  ks as useIsMobile,
+  _s as useToast,
+  Kr as useWalletStore
+};