@relaya-chat/react 1.0.0

package/dist/index.js

@@ -0,0 +1,3224 @@
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./AdminPanel-CBs17LkG.js";
+import S, { createContext as C, useCallback as w, useContext as T, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/styles/embed.css?inline
+var N = ":root,[data-theme=light]{--relaya-color-bg:#f0f2f5;--relaya-color-surface:#fff;--relaya-color-surface-2:#f8f9fa;--relaya-color-border:#e0e3e8;--relaya-color-text:#1a1a2e;--relaya-color-text-muted:#6c757d;--relaya-color-text-faint:#adb5bd;--relaya-color-accent:#007aff;--relaya-color-accent-hover:#0062cc;--relaya-color-danger:#dc3545;--relaya-color-danger-hover:#c82333;--relaya-color-warning:#ffc107;--relaya-color-success:#28a745;--relaya-color-online:#28a745;--relaya-color-shadow:#00000014;--relaya-color-own-msg-bg:#007aff;--relaya-color-own-msg-text:#fff;--relaya-color-other-msg-bg:#e9ecef;--relaya-color-other-msg-text:#1a1a2e;--relaya-color-deleted-bg:#f1f3f5;--relaya-color-deleted-text:#868e96;--relaya-color-optimistic-bg:#cce5ff;--relaya-color-failed-bg:#f8d7da;--relaya-color-status-bar:#343a40;--relaya-color-status-text:#fff;--relaya-radius-sm:4px;--relaya-radius-md:8px;--relaya-radius-lg:16px;--relaya-radius-bubble:18px;--relaya-font-size-xs:11px;--relaya-font-size-sm:13px;--relaya-font-size-base:15px;--relaya-font-size-lg:17px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--sidebar-width:220px;--input-height:52px;--header-height:52px;--sp-title-bg:var(--relaya-color-surface);--sp-name-color:var(--relaya-color-text);--sp-name-font:inherit;--sp-ui-font:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--sp-online-color:var(--relaya-color-text-muted);--sp-no-name-color:var(--relaya-color-text-muted);--sp-btn-border:var(--relaya-color-border);--sp-btn-bg:var(--relaya-color-surface);--sp-btn-text:var(--relaya-color-text);--sp-avatar-bg:var(--relaya-color-accent);--sp-avatar-text:#fff;--sp-own-msg-bg:var(--relaya-color-own-msg-bg);--sp-own-msg-text:var(--relaya-color-own-msg-text);--sp-other-msg-bg:var(--relaya-color-other-msg-bg);--sp-other-msg-text:var(--relaya-color-other-msg-text);--sp-msg-font:inherit;--sp-msg-font-size:var(--relaya-font-size-base);--sp-time-color:var(--relaya-color-text-faint);--sp-send-btn-bg:var(--sp-own-msg-bg);--sp-send-btn-text:var(--sp-own-msg-text)}[data-theme=dark]{--relaya-color-bg:#0d1117;--relaya-color-surface:#161b22;--relaya-color-surface-2:#21262d;--relaya-color-border:#30363d;--relaya-color-text:#e6edf3;--relaya-color-text-muted:#8b949e;--relaya-color-text-faint:#484f58;--relaya-color-accent:#58a6ff;--relaya-color-accent-hover:#79b8ff;--relaya-color-danger:#f85149;--relaya-color-danger-hover:#ff7b72;--relaya-color-warning:#d29922;--relaya-color-success:#3fb950;--relaya-color-online:#3fb950;--relaya-color-shadow:#0006;--relaya-color-own-msg-bg:#1f6feb;--relaya-color-own-msg-text:#fff;--relaya-color-other-msg-bg:#21262d;--relaya-color-other-msg-text:#e6edf3;--relaya-color-deleted-bg:#2d333b;--relaya-color-deleted-text:#8b949e;--relaya-color-optimistic-bg:#1f3a5c;--relaya-color-failed-bg:#3d1f1f;--relaya-color-status-bar:#1c2128;--relaya-color-status-text:#e6edf3}:root,[data-theme=light]{--relaya-color-message-bg:var(--sp-other-msg-bg,var(--relaya-color-other-msg-bg));--relaya-color-message-own-bg:var(--sp-own-msg-bg,var(--relaya-color-own-msg-bg));--relaya-color-text-secondary:var(--relaya-color-text-muted);--relaya-color-input-bg:var(--relaya-color-surface-2);--relaya-color-input-text:var(--relaya-color-text);--relaya-color-btn-bg:var(--sp-send-btn-bg,var(--sp-own-msg-bg));--relaya-color-btn-text:var(--sp-send-btn-text,var(--sp-own-msg-text));--relaya-color-name-mod:var(--relaya-color-accent);--relaya-color-link:var(--relaya-color-accent);--relaya-color-link-active:var(--relaya-color-accent-hover)}.relaya-root .app{background:var(--relaya-color-bg);flex-direction:column;height:100%;display:flex}.relaya-root .chat-window{background:var(--relaya-color-surface);flex-direction:column;height:100%;display:flex}.relaya-root .chat-header{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);height:var(--header-height);background:var(--sp-title-bg);border-bottom:1px solid color-mix(in srgb, var(--relaya-color-border) 40%, transparent);z-index:10;flex-shrink:0;display:flex;overflow:hidden}.relaya-root .chat-body{flex:1;min-height:0;display:flex;overflow:hidden}.relaya-root .message-list-container{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.relaya-root .message-list{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-xs);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.relaya-root .message-list::-webkit-scrollbar{width:6px}.relaya-root .message-list::-webkit-scrollbar-track{background:0 0}.relaya-root .message-list::-webkit-scrollbar-thumb{background:var(--relaya-color-border);border-radius:3px}.relaya-root .loading-screen{height:100%;color:var(--relaya-color-text-muted);font-size:var(--relaya-font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.relaya-root .btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--relaya-radius-md);font-size:var(--relaya-font-size-base);white-space:nowrap;font-weight:500;transition:background-color .15s,opacity .15s;display:inline-flex}.relaya-root .btn--primary{background:var(--relaya-color-accent);color:#fff;width:100%;padding:var(--spacing-md)}.relaya-root .btn--primary:hover:not(:disabled){background:var(--relaya-color-accent-hover)}.relaya-root .btn--danger{background:var(--relaya-color-danger);color:#fff}.relaya-root .btn--danger:hover:not(:disabled){background:var(--relaya-color-danger-hover)}.relaya-root .btn--ghost{color:var(--relaya-color-text-muted);border:1px solid var(--relaya-color-border);background:0 0}.relaya-root .btn--ghost:hover:not(:disabled){background:var(--relaya-color-surface-2)}.relaya-root .btn--icon{padding:var(--spacing-xs);color:var(--relaya-color-text-muted);border-radius:var(--relaya-radius-sm);flex-shrink:0;min-width:32px;min-height:32px}.relaya-root .btn--icon:hover{background:var(--relaya-color-surface-2);color:var(--relaya-color-text)}.relaya-root .btn:disabled{opacity:.55;cursor:not-allowed}.relaya-root .error-message{color:var(--relaya-color-danger);font-size:var(--relaya-font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb, var(--relaya-color-danger) 10%, transparent);border-radius:var(--relaya-radius-sm)}.relaya-root .modal-overlay{z-index:100;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.relaya-root .modal{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-lg);padding:var(--spacing-xl);width:100%;max-width:440px;box-shadow:0 8px 32px var(--relaya-color-shadow)}.relaya-root .modal__title{font-size:var(--relaya-font-size-base);margin-bottom:var(--spacing-md);font-weight:600}.relaya-root .modal__body{margin-bottom:var(--spacing-lg)}.relaya-root .modal__body p{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin-bottom:var(--spacing-sm);line-height:1.5}.relaya-root .modal__body label{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md);font-weight:500;display:block}.relaya-root .modal__body select,.relaya-root .modal__body input,.relaya-root .modal__body textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);background:var(--relaya-color-surface-2);color:var(--relaya-color-text);font-size:var(--relaya-font-size-sm)}.relaya-root .modal__body select:focus,.relaya-root .modal__body input:focus,.relaya-root .modal__body textarea:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .modal__body textarea{resize:vertical;min-height:80px}.relaya-root .modal__footer{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.relaya-root .login-screen{height:100%;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.relaya-root .login-card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-lg);padding:var(--spacing-xl) var(--spacing-xl);width:100%;max-width:400px;box-shadow:0 4px 24px var(--relaya-color-shadow)}.relaya-root .login-card__logo{text-align:center;margin-bottom:var(--spacing-xl)}.relaya-root .login-card__title{font-size:var(--relaya-font-size-lg);color:var(--relaya-color-text);margin-bottom:var(--spacing-xs);text-align:center;font-weight:600}.relaya-root .login-card__subtitle{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);text-align:center;margin-bottom:var(--spacing-xl)}.relaya-root .login-card__form{gap:var(--spacing-md);flex-direction:column;display:flex}.relaya-root .form-field label{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin-bottom:var(--spacing-xs);font-weight:500;display:block}.relaya-root .form-field input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);background:var(--relaya-color-surface-2);color:var(--relaya-color-text);font-size:var(--relaya-font-size-base);transition:border-color .15s}.relaya-root .form-field input:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .magic-link-sent{height:100%;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.relaya-root .magic-link-sent__card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;max-width:400px;box-shadow:0 4px 24px var(--relaya-color-shadow)}.relaya-root .magic-link-sent__icon{margin-bottom:var(--spacing-lg);font-size:48px}.relaya-root .magic-link-sent__title{font-size:var(--relaya-font-size-lg);margin-bottom:var(--spacing-sm);font-weight:600}.relaya-root .magic-link-sent__body{color:var(--relaya-color-text-muted);font-size:var(--relaya-font-size-sm);margin-bottom:var(--spacing-xl);line-height:1.6}.relaya-root .modal-overlay{z-index:1000;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.relaya-root .auth-modal{z-index:1001;padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.3s ease-out slideUp;display:flex;position:fixed;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.relaya-root .auth-modal__content{background:var(--relaya-color-surface);border-radius:var(--relaya-radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px;box-shadow:0 8px 32px var(--relaya-color-shadow);gap:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.relaya-root .auth-modal__close-x{top:var(--spacing-md);right:var(--spacing-md);border-radius:var(--relaya-radius-sm);width:32px;height:32px;color:var(--relaya-color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background-color .15s,color .15s;display:flex;position:absolute}.relaya-root .auth-modal__close-x:hover{background:var(--relaya-color-surface-2);color:var(--relaya-color-text)}.relaya-root .auth-modal__icon{text-align:center;font-size:48px;line-height:1}.relaya-root .auth-modal__title{font-size:var(--relaya-font-size-lg);color:var(--relaya-color-text);text-align:center;margin:0;font-weight:600;line-height:1.3}.relaya-root .auth-modal__message{font-size:var(--relaya-font-size-base);color:var(--relaya-color-text);text-align:center;margin:0;line-height:1.5}.relaya-root .auth-modal__hint{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);text-align:center;margin:0;line-height:1.4}.relaya-root .auth-modal__input{width:100%;padding:12px var(--spacing-md);font-size:var(--relaya-font-size-base);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);background:var(--relaya-color-surface);color:var(--relaya-color-text);font-family:inherit;transition:border-color .2s}.relaya-root .auth-modal__input:focus{border-color:var(--relaya-color-accent);outline:none;box-shadow:0 0 0 3px #007aff1a}.relaya-root .auth-modal__input:disabled{opacity:.6;cursor:not-allowed}.relaya-root .auth-modal__buttons{gap:var(--spacing-md);justify-content:flex-end;display:flex}.relaya-root .auth-modal__close-btn{width:100%}.relaya-root .auth-success{height:100%;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.relaya-root .auth-success__card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;max-width:480px;box-shadow:0 4px 24px var(--relaya-color-shadow)}.relaya-root .auth-success .success-icon{margin-bottom:var(--spacing-lg);font-size:64px;line-height:1}.relaya-root .auth-success h1{font-size:var(--relaya-font-size-xl);margin-bottom:var(--spacing-sm);color:var(--relaya-color-text);font-weight:600}.relaya-root .auth-success .user-greeting{font-size:var(--relaya-font-size-base);color:var(--relaya-color-text-muted);margin-bottom:var(--spacing-xl)}.relaya-root .auth-success .instructions{margin-bottom:var(--spacing-xl)}.relaya-root .auth-success .instructions p{font-size:var(--relaya-font-size-base);color:var(--relaya-color-text);margin-bottom:var(--spacing-md);line-height:1.6}.relaya-root .auth-success .instructions p:last-child{margin-bottom:0}.relaya-root .auth-success .hint{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted)}.relaya-root .auth-success .btn{min-width:140px}.relaya-root .otp-code-input{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.relaya-root .otp-code-input__icon{font-size:48px;line-height:1}.relaya-root .otp-code-input__title{color:var(--relaya-color-text);text-align:center;margin:0;font-size:24px;font-weight:600}.relaya-root .otp-code-input__hint{color:var(--relaya-color-text-muted);text-align:center;margin:0;font-size:14px;line-height:1.5}.relaya-root .otp-code-input__hint strong{color:var(--relaya-color-text);font-weight:500}.relaya-root .otp-code-input__field{letter-spacing:.5em;text-align:center;border:2px solid var(--relaya-color-border);background:var(--relaya-color-surface);width:100%;max-width:240px;color:var(--relaya-color-text);border-radius:8px;padding:16px 12px;font-family:Courier New,Courier,monospace;font-size:28px;font-weight:600;transition:all .2s}@media (width<=600px){.relaya-root .otp-code-input__field{letter-spacing:.4em;padding:14px 10px;font-size:24px}}.relaya-root .otp-code-input__field:focus{border-color:var(--relaya-color-accent);outline:none;box-shadow:0 0 0 3px #007aff1a}.relaya-root .otp-code-input__field:disabled{opacity:.6;cursor:not-allowed}.relaya-root .otp-code-input__field::placeholder{opacity:.3}.relaya-root .otp-code-input__error{color:#ff3b30;text-align:center;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;width:100%;padding:12px 16px;font-size:14px}.relaya-root .otp-code-input__actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}@media (width<=400px){.relaya-root .otp-code-input__actions{flex-direction:column;gap:8px}.relaya-root .otp-code-input__actions .btn{width:100%}}.relaya-root .otp-code-input__auto-submit{color:var(--relaya-color-text-muted);margin:0;font-size:13px;font-style:italic}.relaya-root .auth-modal__error{color:#ff3b30;text-align:center;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;width:100%;margin-top:8px;padding:12px 16px;font-size:14px}.relaya-root .mention-chip{background:var(--relaya-color-surface-2);border:1px solid var(--relaya-color-message-own-bg);border-radius:var(--relaya-radius-sm);color:var(--relaya-color-message-own-bg);white-space:nowrap;padding:0 4px;font-size:.9em;font-weight:600;display:inline}.relaya-root .mention-chip--self{background:var(--relaya-color-message-own-bg);border-color:var(--relaya-color-message-own-bg);color:var(--sp-own-msg-text)}.relaya-root .chat-header__title{font-size:var(--relaya-font-size-base);font-weight:600;font-family:var(--sp-name-font);color:var(--sp-name-color);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.relaya-root .chat-header__online{font-size:var(--relaya-font-size-sm);color:var(--sp-online-color);white-space:nowrap;border-radius:var(--relaya-radius-sm);flex-shrink:0;align-items:center;gap:2px;padding:4px 6px;transition:opacity .15s;display:flex}.relaya-root .chat-header__online:hover{opacity:.7}.relaya-root .online-dot{background:var(--relaya-color-online);border-radius:50%;flex-shrink:0;width:8px;height:8px}.relaya-root .chat-header .btn--ghost{background:var(--sp-btn-bg);border:1px solid var(--sp-btn-border);color:var(--sp-btn-text);padding:3px 10px;font-size:12px}.relaya-root .chat-header .btn--ghost:hover:not(:disabled){opacity:.85;background:var(--sp-btn-bg)}.relaya-root .chat-header .btn--primary{background:var(--sp-btn-bg);color:var(--sp-btn-text);width:auto;padding:3px 10px;font-size:12px}.relaya-root .chat-header .btn--primary:hover:not(:disabled){opacity:.85;background:var(--sp-btn-bg)}.relaya-root .chat-name-btn{min-width:0;max-width:120px;overflow:hidden}.relaya-root .chat-name-btn__label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.relaya-root .chat-header__popout{flex-shrink:0;line-height:0;padding:4px 6px!important}.relaya-root .chat-header .chat-name-editor__display{font-size:12px;color:var(--sp-no-name-color)!important}.relaya-root .chat-name-editor__input{border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-surface);color:var(--relaya-color-text);max-width:140px;padding:3px 8px;font-size:13px}.relaya-root .chat-name-editor__input:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .retention-boundary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint);text-align:center;border-top:1px solid var(--relaya-color-border);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.relaya-root .load-older-btn{padding:var(--spacing-sm);flex-shrink:0;justify-content:center;display:flex}.relaya-root .load-older-btn button{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-accent);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--relaya-radius-sm)}.relaya-root .load-older-btn button:hover:not(:disabled){background:var(--relaya-color-surface-2)}.relaya-root .messages-empty{color:var(--relaya-color-text-faint);font-size:var(--relaya-font-size-sm);text-align:center;padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex}.relaya-root .message-item{--message-avatar-slot-width:32px;gap:var(--spacing-sm);align-items:flex-start;max-width:85%;display:flex;position:relative}.relaya-root .message-item--has-image{max-width:100%}.relaya-root .message-item--has-image.message-item--other .message-item__bubble-wrap{max-width:calc(100% - var(--message-avatar-slot-width) - var(--spacing-sm))}.relaya-root .message-item--has-image.message-item--own .message-item__bubble-wrap{max-width:100%}.relaya-root .message-item--own{flex-direction:row-reverse;align-self:flex-end}.relaya-root .message-item--other{align-self:flex-start}.relaya-root .message-item--deleted{opacity:.65}.relaya-root .message-item__avatar{background:var(--sp-avatar-bg);width:48px;height:48px;color:var(--sp-avatar-text);font-size:var(--relaya-font-size-xs);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.relaya-root .message-item__avatar-column{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;display:flex}.relaya-root .message-item__avatar-slot{width:var(--message-avatar-slot-width);flex-shrink:0;justify-content:center;padding-top:16px;display:flex}.relaya-root .message-item--own .message-item__avatar-slot{margin-left:3px}.relaya-root .message-item--other .message-item__avatar-slot{margin-right:3px;padding-top:0}.relaya-root .message-item__avatar-column .message-item__avatar-slot{padding-top:0}.relaya-root .message-item__avatar--image{object-fit:cover}.relaya-root .message-item__bubble-wrap{flex-direction:column;min-width:0;display:flex}.relaya-root .message-item--own .message-item__bubble-wrap{align-items:flex-end}.relaya-root .message-item__name-row{align-items:baseline;gap:var(--spacing-sm);padding:0 var(--spacing-sm) 2px;width:100%;min-width:0;display:flex}.relaya-root .message-item--other .message-item__name-row{justify-content:space-between}.relaya-root .message-item--own .message-item__name-row{justify-content:flex-end}.relaya-root .message-item__author--mod{color:var(--relaya-color-name-mod)}.relaya-root .message-item__author{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.relaya-root .message-item__time{font-size:var(--relaya-font-size-xs);color:var(--sp-time-color);white-space:nowrap;flex-shrink:0}.relaya-root .message-item__status-row{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm) 0;display:flex}.relaya-root .message-item__status{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint)}.relaya-root .message-item__bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--relaya-radius-bubble);font-family:var(--sp-msg-font);font-size:var(--sp-msg-font-size);word-break:break-word;line-height:1.4;position:relative}.relaya-root .message-link{color:var(--relaya-color-link);word-break:break-all;text-decoration:underline}.relaya-root .message-link:hover,.relaya-root .message-link:active{color:var(--relaya-color-link-active)}.relaya-root .message-item__bubble strong{font-weight:700}.relaya-root .message-item__bare-image-wrap{max-width:100%}.relaya-root .chat-image{justify-content:center;align-items:center;max-width:100%;display:inline-flex;position:relative}.relaya-root .chat-image--inline{vertical-align:middle;margin:1px 2px}.relaya-root .chat-image--bare{display:block}.relaya-root .chat-image__img{width:auto;max-width:100%;height:auto;transition:opacity .15s;display:block}.relaya-root .chat-image__loading{background:color-mix(in srgb, var(--relaya-color-text-faint) 20%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:56px;min-height:32px;padding:6px 8px;display:inline-flex}.relaya-root .chat-image__loading>span{background:var(--relaya-color-text-muted);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite chat-image-dot-pulse}.relaya-root .chat-image__loading>span:nth-child(2){animation-delay:.12s}.relaya-root .chat-image__loading>span:nth-child(3){animation-delay:.24s}@keyframes chat-image-dot-pulse{0%,80%,to{opacity:.45;transform:scale(.7)}40%{transform:scale(1)}}.relaya-root .chat-image__fallback{border-radius:var(--relaya-radius-sm);border:1px dashed var(--relaya-color-border);min-width:120px;min-height:32px;color:var(--relaya-color-text-muted);font-size:var(--relaya-font-size-xs);background:var(--relaya-color-surface-2);justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.relaya-root .message-item--own .message-item__bubble{background:var(--relaya-color-message-own-bg);color:var(--sp-own-msg-text);border-bottom-right-radius:var(--relaya-radius-sm)}.relaya-root .message-item--other .message-item__bubble{background:var(--relaya-color-message-bg);color:var(--sp-other-msg-text);border-bottom-left-radius:var(--relaya-radius-sm)}.relaya-root .message-item--deleted .message-item__bubble{background:var(--relaya-color-deleted-bg);color:var(--relaya-color-deleted-text);font-style:italic;font-size:var(--relaya-font-size-sm)}.relaya-root .message-item--optimistic .message-item__bubble{background:var(--relaya-color-optimistic-bg);opacity:.85}.relaya-root .message-item--failed .message-item__bubble{background:var(--relaya-color-failed-bg)}.relaya-root .scroll-to-bottom{bottom:var(--spacing-md);right:var(--spacing-lg);background:var(--relaya-color-accent);color:#fff;width:36px;height:36px;box-shadow:0 2px 8px var(--relaya-color-shadow);z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.relaya-root .scroll-to-bottom:hover{background:var(--relaya-color-accent-hover)}.relaya-root .message-item__kebab-btn{width:18px;height:18px;color:var(--relaya-color-text-faint);border-radius:var(--relaya-radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:none;position:relative}.relaya-root .message-item__kebab-btn:active{color:var(--relaya-color-text-muted);background:#00000014}.relaya-root .message-item__kebab-menu{z-index:200;background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);min-width:140px;box-shadow:0 4px 16px var(--relaya-color-shadow);position:fixed;overflow:hidden}.relaya-root .message-item__kebab-menu__item{align-items:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;display:flex}.relaya-root .message-item__kebab-menu__item:hover,.relaya-root .message-item__kebab-menu__item:active{background:var(--relaya-color-surface-2)}.relaya-root .message-item__kebab-menu__item--danger{color:var(--relaya-color-danger)}.relaya-root .kebab-overlay{z-index:199;position:fixed;inset:0}.relaya-root .connection-status{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--relaya-font-size-xs);flex-shrink:0;font-weight:500;display:flex}.relaya-root .connection-status--connecting,.relaya-root .connection-status--reconnecting{background:var(--relaya-color-warning);color:#1a1a2e}.relaya-root .connection-status--disconnected{background:var(--relaya-color-danger);color:#fff}.relaya-root .connection-status--connected{display:none}.relaya-root .connection-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.relaya-root .relaya-branding{text-align:center;color:var(--relaya-color-text);border-top:1px solid var(--relaya-color-border,#ffffff14);flex-shrink:0;padding:4px 8px;font-size:11px}.relaya-root .relaya-branding a{color:inherit;text-decoration:none;transition:opacity .15s}.relaya-root .relaya-branding a:hover{opacity:.75;text-decoration:underline}.relaya-root .message-input-bar{align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--relaya-color-border);background:var(--relaya-color-surface);flex-shrink:0;display:flex;position:relative}.relaya-root .sticker-btn{border:1px solid var(--relaya-color-border);background:var(--relaya-color-surface-2);width:36px;height:36px;color:var(--relaya-color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.relaya-root .sticker-btn:hover:not(:disabled){background:var(--relaya-color-surface);color:var(--relaya-color-text)}.relaya-root .sticker-btn:disabled{opacity:.45;cursor:not-allowed}.relaya-root .message-input{min-height:36px;max-height:120px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-bubble);background:var(--relaya-color-input-bg);color:var(--relaya-color-input-text);font-size:var(--relaya-font-size-base);font-family:var(--sp-msg-font);resize:none;flex:1;line-height:1.4;transition:border-color .15s;overflow-y:auto}.relaya-root .message-input:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .message-input::placeholder{color:var(--relaya-color-text-faint)}.relaya-root .message-input:disabled{opacity:.55}.relaya-root .send-btn{background:var(--relaya-color-btn-bg);width:36px;height:36px;color:var(--relaya-color-btn-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.relaya-root .send-btn:hover:not(:disabled){opacity:.85}.relaya-root .send-btn:disabled{opacity:.4;cursor:not-allowed}.relaya-root .sticker-picker__overlay{z-index:170;background:#00000059;position:fixed;inset:0}.relaya-root .sticker-picker{left:50%;bottom:calc(var(--input-height) + var(--spacing-md));border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-lg);background:var(--relaya-color-surface);width:min(92vw,920px);max-height:min(70vh,620px);box-shadow:0 10px 32px var(--relaya-color-shadow);z-index:171;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.relaya-root .sticker-picker__header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--relaya-color-border);font-size:var(--relaya-font-size-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.relaya-root .sticker-picker__close{min-width:28px;min-height:28px}.relaya-root .sticker-picker__body{padding:var(--spacing-md);overflow-y:auto}.relaya-root .sticker-picker__state{color:var(--relaya-color-text-muted);font-size:var(--relaya-font-size-sm);padding:var(--spacing-lg) var(--spacing-sm)}.relaya-root .sticker-picker__grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(128px,1fr));display:grid}.relaya-root .sticker-picker__item{aspect-ratio:1;border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);background:var(--relaya-color-surface-2);justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs);flex-direction:column;display:flex;overflow:hidden}.relaya-root .sticker-picker__item:hover{border-color:var(--relaya-color-accent);background:var(--relaya-color-surface)}.relaya-root .sticker-picker__item img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100% - 20px)}.relaya-root .sticker-picker__item-label{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);line-height:1.2}.relaya-root .sticker-suggestions{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);box-shadow:0 8px 24px var(--relaya-color-shadow);z-index:175;flex-direction:column;max-height:220px;display:flex;position:absolute;bottom:calc(100% + 8px);left:56px;right:52px;overflow-y:auto}.relaya-root .sticker-suggestions__item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;display:flex}.relaya-root .sticker-suggestions__item:hover{background:var(--relaya-color-surface-2)}.relaya-root .sticker-suggestions__item img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.relaya-root .sticker-suggestions__code{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text)}.relaya-root .mention-suggestions{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);box-shadow:0 8px 24px var(--relaya-color-shadow);z-index:175;flex-direction:column;min-width:120px;max-height:200px;display:flex;position:absolute;bottom:calc(100% + 8px);left:56px;overflow-y:auto}.relaya-root .mention-suggestions__item{align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--relaya-font-size-sm);display:flex}.relaya-root .mention-suggestions__item:hover,.relaya-root .mention-suggestions__item--highlighted{background:var(--relaya-color-surface-2)}.relaya-root .mention-suggestions__at{color:var(--relaya-color-accent);flex-shrink:0;font-weight:700}.relaya-root .mention-suggestions__name{color:var(--relaya-color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.relaya-root .user-list{width:var(--sidebar-width);border-left:1px solid var(--relaya-color-border);background:var(--relaya-color-surface-2);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:none;overflow-y:auto}.relaya-root .user-list__title{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--relaya-color-border);font-weight:600}.relaya-root .user-list__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--relaya-radius-sm);font-size:var(--relaya-font-size-sm);display:flex}.relaya-root .user-list__avatar{background:var(--sp-avatar-bg);width:24px;height:24px;color:var(--sp-avatar-text);font-size:var(--relaya-font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.relaya-root .user-list__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--relaya-color-text);flex:1;overflow:hidden}.relaya-root .user-list__self-badge{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint)}.relaya-root .pane-divider{cursor:col-resize;background:var(--relaya-color-border);flex-shrink:0;width:5px;transition:background .15s;display:none}.relaya-root .pane-divider:hover{background:var(--relaya-color-text-faint)}.relaya-root .user-list-modal__header{justify-content:space-between;align-items:center;display:flex}.relaya-root .user-list-modal__body{max-height:50vh;padding-right:var(--spacing-xs);margin-bottom:0;overflow-y:auto}.relaya-root .user-list-modal__item{padding:var(--spacing-xs) 0}.relaya-root .user-list-modal__close{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);padding:var(--spacing-xs)}.relaya-root .user-list-modal__close:hover{color:var(--relaya-color-text);background:var(--relaya-color-surface-2);border-radius:var(--relaya-radius-sm)}.relaya-root .admin-panel{background:var(--relaya-color-bg);height:100%;overflow-y:auto}.relaya-root .admin-panel__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--relaya-color-border);background:var(--relaya-color-surface)}.relaya-root .admin-panel__title{color:var(--relaya-color-text);margin:0;font-size:22px;font-weight:600}.relaya-root .admin-panel__subtitle{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin:var(--spacing-xs) 0 0}.relaya-root .admin-panel__loading,.relaya-root .admin-panel__unauthorized{justify-content:center;align-items:center;gap:var(--spacing-md);height:100%;color:var(--relaya-color-text-muted);font-size:var(--relaya-font-size-sm);text-align:center;padding:var(--spacing-xl);flex-direction:column;display:flex}.relaya-root .admin-settings{border-top:1px solid var(--relaya-color-border);background:var(--relaya-color-surface-2);padding:var(--spacing-md) var(--spacing-lg)}.relaya-root .admin-settings__toggle{align-items:center;gap:var(--spacing-sm);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);width:100%;padding:0;font-weight:500;display:flex}.relaya-root .admin-settings__toggle:hover{color:var(--relaya-color-text)}.relaya-root .admin-settings__panel{margin-top:var(--spacing-md)}.relaya-root .admin-settings__section{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.relaya-root .admin-settings__section-copy{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);flex-direction:column;gap:2px;display:flex}.relaya-root .admin-settings__section-copy strong{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text)}.relaya-root .admin-settings__notice{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text);background:color-mix(in srgb, var(--relaya-color-warning) 15%, transparent);border-left:3px solid var(--relaya-color-warning);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--relaya-radius-sm);margin-bottom:var(--spacing-md);line-height:1.4}.relaya-root .admin-settings__grid{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.relaya-root .admin-settings__field label{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);margin-bottom:var(--spacing-xs);font-weight:500;display:block}.relaya-root .admin-settings__field input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-surface);color:var(--relaya-color-text);font-size:var(--relaya-font-size-sm)}.relaya-root .sticker-admin-page{background:var(--relaya-color-bg);flex-direction:column;gap:6px;min-height:100%;padding:8px;display:flex;overflow-y:auto}.relaya-root .sticker-admin-page__topbar{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.relaya-root .sticker-admin-page__title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.relaya-root .sticker-admin-page__title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.relaya-root .sticker-admin-page__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.relaya-root .sticker-admin-page__back{margin-bottom:0;font-size:12px;padding:3px 8px!important}.relaya-root .sticker-admin-page__title{font-size:18px;line-height:1.1}.relaya-root .sticker-admin-page__subtitle{color:var(--relaya-color-text-muted);margin-top:0;font-size:12px}.relaya-root .sticker-admin-page__status-inline{background:color-mix(in srgb, var(--relaya-color-success) 10%, transparent);min-height:18px;color:var(--relaya-color-success);border-radius:999px;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:1px 8px;font-size:11px;line-height:1.2;display:inline-flex}.relaya-root .sticker-admin-page__header-actions{flex-shrink:0;gap:6px;display:flex}.relaya-root .sticker-admin-page__header-actions .btn{min-height:32px;padding:3px 10px;font-size:12px}.relaya-root .sticker-admin-page__notice,.relaya-root .sticker-admin-page__error,.relaya-root .sticker-admin-page__success,.relaya-root .sticker-admin-page__state{border-radius:var(--relaya-radius-md);padding:6px 10px;font-size:12px}.relaya-root .sticker-admin-page__notice{background:color-mix(in srgb, var(--relaya-color-accent) 10%, transparent);color:var(--relaya-color-text)}.relaya-root .sticker-admin-page__error{background:color-mix(in srgb, var(--relaya-color-danger) 10%, transparent);color:var(--relaya-color-danger)}.relaya-root .sticker-admin-page__success{background:color-mix(in srgb, var(--relaya-color-success) 10%, transparent);color:var(--relaya-color-success)}.relaya-root .sticker-admin-page__toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.relaya-root .sticker-admin-page__count{color:var(--relaya-color-text-muted);font-size:12px;line-height:1}.relaya-root .sticker-admin-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:6px;display:grid}.relaya-root .sticker-admin-card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:10px;flex-direction:column;transition:border-color .15s,box-shadow .15s,opacity .15s,transform .15s;display:flex;overflow:hidden}.relaya-root .sticker-admin-card--dragging{opacity:.45;transform:scale(.98)}.relaya-root .sticker-admin-card--drop-target{border-color:var(--relaya-color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--relaya-color-accent) 65%, transparent)}.relaya-root .sticker-admin-card__preview{background:var(--relaya-color-surface-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:122px;padding:4px;display:flex}.relaya-root .sticker-admin-card__preview--draggable{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.relaya-root .sticker-admin-card__preview--draggable:active{cursor:grabbing}.relaya-root .sticker-admin-card__preview img{object-fit:contain;width:96px;max-width:96px;height:auto;max-height:96px}.relaya-root .sticker-admin-card__drag-badge{background:color-mix(in srgb, var(--relaya-color-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--relaya-color-border) 90%, transparent);min-height:20px;color:var(--relaya-color-text-muted);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:9px;line-height:1;display:inline-flex;position:static}.relaya-root .sticker-admin-card__drag-badge svg{width:10px;height:10px;display:block}.relaya-root .sticker-admin-card__body{flex-direction:column;gap:4px;padding:4px;display:flex}.relaya-root .sticker-admin-card__filename{color:var(--relaya-color-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.relaya-root .sticker-admin-card__field{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);flex-direction:column;gap:0;display:flex}.relaya-root .sticker-admin-card__shortcode-input{border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-surface-2);align-items:center;gap:4px;padding:0 4px;display:flex}.relaya-root .sticker-admin-card__shortcode-input input{background:0 0;border:none;flex:1;min-width:0;padding:4px 0;font-size:11px}.relaya-root .sticker-admin-card__shortcode-input input:focus{outline:none}.relaya-root .sticker-admin-card__meta{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint);flex-direction:column;gap:2px;display:flex}.relaya-root .sticker-admin-card__actions{flex-wrap:wrap;gap:3px;display:flex}.relaya-root .sticker-admin-card__actions .btn{min-height:20px;padding:2px 6px;font-size:10px;line-height:1}.relaya-root .report-review{border-top:1px solid var(--relaya-color-border);background:var(--relaya-color-surface-2);padding:var(--spacing-md) var(--spacing-lg)}.relaya-root .report-review__toggle{align-items:center;gap:var(--spacing-sm);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);width:100%;padding:0;font-weight:500;display:flex}.relaya-root .report-review__toggle:hover{color:var(--relaya-color-text)}.relaya-root .report-review__badge{min-width:18px;height:18px;margin-left:var(--spacing-sm);background:var(--relaya-color-danger);color:#fff;font-size:var(--relaya-font-size-xs);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:600;line-height:1;display:inline-flex}.relaya-root .report-review__panel{margin-top:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.relaya-root .report-review__loading,.relaya-root .report-review__empty{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);padding:var(--spacing-sm) 0}.relaya-root .report-review__error{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-danger);padding:var(--spacing-sm) 0}.relaya-root .report-card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.relaya-root .report-card__meta{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.relaya-root .report-card__reason{font-size:var(--relaya-font-size-xs);text-transform:capitalize;color:var(--relaya-color-text-muted);background:color-mix(in srgb, var(--relaya-color-warning) 15%, transparent);border-radius:var(--relaya-radius-sm);padding:1px 6px;font-weight:600}.relaya-root .report-card__time{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint);flex-shrink:0}.relaya-root .report-card__message{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);word-break:break-word;padding:var(--spacing-xs) 0;border-top:1px solid var(--relaya-color-border);border-bottom:1px solid var(--relaya-color-border);line-height:1.4}.relaya-root .report-card__deleted{color:var(--relaya-color-text-muted)}.relaya-root .report-card__details{gap:var(--spacing-sm) var(--spacing-lg);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);flex-wrap:wrap;display:flex}.relaya-root .report-card__details strong{color:var(--relaya-color-text)}.relaya-root .report-card__actions{gap:var(--spacing-xs);padding-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.relaya-root .report-review__pagination{justify-content:center;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xs);display:flex}.relaya-root .report-review__page-info{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted)}.relaya-root .ban-management{border-top:1px solid var(--relaya-color-border);background:var(--relaya-color-surface-2);padding:var(--spacing-md) var(--spacing-lg)}.relaya-root .ban-management__toggle{align-items:center;gap:var(--spacing-sm);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);width:100%;padding:0;font-weight:500;display:flex}.relaya-root .ban-management__toggle:hover{color:var(--relaya-color-text)}.relaya-root .ban-management__badge{min-width:18px;height:18px;margin-left:var(--spacing-sm);background:var(--relaya-color-warning);color:#1a1a2e;font-size:var(--relaya-font-size-xs);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:600;line-height:1;display:inline-flex}.relaya-root .ban-management__panel{margin-top:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.relaya-root .ban-management__loading,.relaya-root .ban-management__empty{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);padding:var(--spacing-sm) 0}.relaya-root .ban-management__error{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-danger);padding:var(--spacing-sm) 0}.relaya-root .ban-card{background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.relaya-root .ban-card__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.relaya-root .ban-card__user{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);font-weight:600}.relaya-root .ban-card__expiry{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);flex-shrink:0}.relaya-root .ban-card__expiry--permanent{color:var(--relaya-color-danger);font-weight:600}.relaya-root .ban-card__details{gap:var(--spacing-xs) var(--spacing-lg);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);flex-wrap:wrap;display:flex}.relaya-root .ban-card__details strong{color:var(--relaya-color-text)}.relaya-root .ban-card__actions{padding-top:var(--spacing-xs)}.relaya-root .theme-admin-page{min-height:100%;padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.relaya-root .theme-admin-page__topbar{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.relaya-root .theme-admin-page__title-group{flex:1;min-width:0}.relaya-root .theme-admin-page__title-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.relaya-root .theme-admin-page__back{flex-shrink:0;margin-bottom:0}.relaya-root .theme-admin-page__title{color:var(--relaya-color-text);margin:0;font-size:18px;font-weight:600}.relaya-root .theme-admin-page__subtitle{margin-top:var(--spacing-xs);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin-bottom:0}.relaya-root .theme-admin-page__status-inline{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-success);background:color-mix(in srgb, var(--relaya-color-success) 12%, transparent);border-radius:var(--relaya-radius-sm);align-items:center;padding:2px 8px;display:inline-flex}.relaya-root .theme-admin-page__header-actions{gap:var(--spacing-xs);flex-shrink:0;align-items:center;display:flex}.relaya-root .theme-admin-page__header-actions .btn{font-size:var(--relaya-font-size-sm);padding:3px 10px}.relaya-root .theme-admin-page__error,.relaya-root .theme-admin-page__state{border-radius:var(--relaya-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--relaya-font-size-sm)}.relaya-root .theme-admin-page__error{background:color-mix(in srgb, var(--relaya-color-danger) 10%, transparent);color:var(--relaya-color-danger)}.relaya-root .theme-admin-page__state{color:var(--relaya-color-text-muted);background:var(--relaya-color-surface)}.relaya-root .theme-admin-list{border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.relaya-root .theme-admin-row{align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-sm);background:var(--relaya-color-surface);border-bottom:1px solid var(--relaya-color-border);grid-template-columns:36px 1fr 90px;transition:background .1s;display:grid}.relaya-root .theme-admin-row:last-child{border-bottom:none}.relaya-root .theme-admin-row:hover{background:color-mix(in srgb, var(--relaya-color-accent) 4%, var(--relaya-color-surface))}.relaya-root .theme-admin-row__swatch{border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:32px;height:28px;padding:0}.relaya-root .theme-admin-row__label{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);white-space:nowrap;text-overflow:ellipsis;cursor:default;overflow:hidden}.relaya-root .theme-admin-row__hex{font-size:11px;font-family:var(--relaya-font-mono,monospace);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-bg);color:var(--relaya-color-text);width:100%;padding:3px 6px}.relaya-root .theme-admin-row__hex--invalid{border-color:var(--relaya-color-danger);color:var(--relaya-color-danger)}.relaya-root .theme-admin-row__hex:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .theme-admin-page__tabs{border-bottom:1px solid var(--relaya-color-border);margin-bottom:var(--spacing-xs);gap:2px;display:flex}.relaya-root .theme-admin-page__tab{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 16px;transition:color .1s,border-color .1s}.relaya-root .theme-admin-page__tab:hover{color:var(--relaya-color-text)}.relaya-root .theme-admin-page__tab--active{color:var(--relaya-color-accent);border-bottom-color:var(--relaya-color-accent);font-weight:500}.relaya-root .geo-admin{gap:var(--spacing-lg);padding:var(--spacing-sm) 0;flex-direction:column;display:flex}.relaya-root .geo-admin__status{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);padding:var(--spacing-sm) 0}.relaya-root .geo-admin__status--unavailable{background:color-mix(in srgb, var(--relaya-color-warning) 10%, transparent);border-left:3px solid var(--relaya-color-warning);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--relaya-radius-sm);color:var(--relaya-color-text)}.relaya-root .geo-admin__status--error{color:var(--relaya-color-danger)}.relaya-root .geo-admin__action-error{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-danger);background:color-mix(in srgb, var(--relaya-color-danger) 8%, transparent);border-radius:var(--relaya-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.relaya-root .geo-admin__section{gap:var(--spacing-sm);flex-direction:column;display:flex}.relaya-root .geo-admin__section-title{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--relaya-color-border);padding-bottom:var(--spacing-xs);margin:0;font-weight:600;display:flex}.relaya-root .geo-admin__badge{background:var(--relaya-color-warning);color:#1a1a2e;min-width:18px;height:18px;font-size:var(--relaya-font-size-xs);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-weight:600;line-height:1;display:inline-flex}.relaya-root .geo-admin__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.relaya-root .geo-admin__label{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);font-weight:500}.relaya-root .geo-admin__select,.relaya-root .geo-admin__input,.relaya-root .geo-admin__filter-input,.relaya-root .geo-admin__combobox-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-surface);color:var(--relaya-color-text);font-size:var(--relaya-font-size-sm);width:100%}.relaya-root .geo-admin__select:focus,.relaya-root .geo-admin__input:focus,.relaya-root .geo-admin__filter-input:focus,.relaya-root .geo-admin__combobox-input:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .geo-admin__hint{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);margin:0}.relaya-root .geo-admin__hint--empty{font-style:italic}.relaya-root .geo-admin__chips{flex-wrap:wrap;gap:6px;display:flex}.relaya-root .geo-admin__chip{background:color-mix(in srgb, var(--relaya-color-accent) 12%, var(--relaya-color-surface));border:1px solid color-mix(in srgb, var(--relaya-color-accent) 30%, var(--relaya-color-border));font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text);border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 10px;line-height:1;display:inline-flex}.relaya-root .geo-admin__chip-remove{width:16px;height:16px;color:var(--relaya-color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:color .1s,background .1s;display:inline-flex}.relaya-root .geo-admin__chip-remove:hover{color:var(--relaya-color-danger);background:color-mix(in srgb, var(--relaya-color-danger) 12%, transparent)}.relaya-root .geo-admin__combobox{position:relative}.relaya-root .geo-admin__combobox-list{z-index:100;background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);max-height:220px;margin:0;padding:2px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.relaya-root .geo-admin__combobox-item{width:100%;padding:6px var(--spacing-sm);text-align:left;font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;display:block;overflow:hidden}.relaya-root .geo-admin__combobox-item:hover{background:color-mix(in srgb, var(--relaya-color-accent) 10%, transparent);color:var(--relaya-color-accent)}.relaya-root .geo-admin__combobox-empty{padding:8px var(--spacing-sm);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);font-style:italic}.relaya-root .geo-admin__ban-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.relaya-root .geo-admin__ban-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);padding:6px var(--spacing-sm);display:flex}.relaya-root .geo-admin__ban-info{align-items:baseline;gap:4px var(--spacing-sm);flex-wrap:wrap;min-width:0;display:flex}.relaya-root .geo-admin__ban-ip{font-family:var(--relaya-font-mono,monospace);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text);font-weight:600}.relaya-root .geo-admin__ban-reason{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted)}.relaya-root .geo-admin__ban-expiry{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-faint);flex-shrink:0}.relaya-root .geo-admin__lift-btn{flex-shrink:0;min-height:22px;padding:2px 8px;font-size:11px}.relaya-root .geo-admin__add-toggle{align-items:center;gap:var(--spacing-xs);font-size:var(--relaya-font-size-xs);color:var(--relaya-color-accent);cursor:pointer;margin-top:var(--spacing-xs);background:0 0;border:none;padding:0;font-weight:500;display:inline-flex}.relaya-root .geo-admin__add-toggle:hover{text-decoration:underline}.relaya-root .geo-admin__add-ban-form{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--relaya-color-surface);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.relaya-root .export-admin-page{padding:var(--spacing-sm) 0}.relaya-root .export-admin-page__notice{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);margin:0 0 var(--spacing-md)}.relaya-root .export-admin-page__unavailable{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-muted);background:color-mix(in srgb, var(--relaya-color-warning) 10%, transparent);border-left:3px solid var(--relaya-color-warning);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--relaya-radius-sm);margin:0}.relaya-root .export-admin-page__error{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-danger);background:color-mix(in srgb, var(--relaya-color-danger) 8%, transparent);border-radius:var(--relaya-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md)}.relaya-root .export-admin-page__form{gap:var(--spacing-md);flex-direction:column;display:flex}.relaya-root .export-admin-page__date-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.relaya-root .export-admin-page__exclude-row{gap:var(--spacing-xs);flex-direction:column;display:flex}.relaya-root .export-admin-page__label{align-items:center;gap:var(--spacing-sm);font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);font-weight:500;display:flex}.relaya-root .export-admin-page__date-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);background:var(--relaya-color-surface);color:var(--relaya-color-text);font-size:var(--relaya-font-size-sm)}.relaya-root .export-admin-page__date-input:focus{border-color:var(--relaya-color-accent);outline:none}.relaya-root .export-admin-page__field-error{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-danger);margin:0}.relaya-root .export-admin-page__btn{align-self:stretch}.relaya-root .export-admin-page__hint{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-muted);margin:0}.relaya-root .moderator-admin-page{flex-direction:column;gap:0;display:flex}.relaya-root .moderator-admin-page__topbar{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--relaya-color-border);margin-bottom:var(--spacing-sm)}.relaya-root .moderator-admin-page__title-row{align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.relaya-root .moderator-admin-page__title{color:var(--relaya-color-text);margin:0;font-size:16px;font-weight:600}.relaya-root .moderator-admin-page__section{padding:var(--spacing-sm) var(--spacing-md)}.relaya-root .moderator-admin-page__section+.moderator-admin-page__section{margin-top:var(--spacing-xs)}.relaya-root .moderator-admin-page__section-title{color:var(--relaya-color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 var(--spacing-xs) 0;font-size:11px;font-weight:600}.relaya-root .moderator-admin-page__divider{border:none;border-top:1px solid var(--relaya-color-border);margin:0 0 var(--spacing-sm) 0}.relaya-root .moderator-admin-page__filter{box-sizing:border-box;width:100%;padding:5px var(--spacing-sm);color:var(--relaya-color-text);background:var(--relaya-color-bg);border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-sm);margin-bottom:var(--spacing-sm);outline:none;font-size:11px;transition:border-color .15s;display:block}.relaya-root .moderator-admin-page__filter::placeholder{color:var(--relaya-color-text-faint)}.relaya-root .moderator-admin-page__filter:focus{border-color:var(--relaya-color-accent)}.relaya-root .moderator-admin-page__list{border:1px solid var(--relaya-color-border);border-radius:var(--relaya-radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.relaya-root .moderator-admin-page__item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:2px var(--spacing-sm);background:var(--relaya-color-surface);border-bottom:1px solid var(--relaya-color-border);transition:background .1s;display:flex}.relaya-root .moderator-admin-page__item:last-child{border-bottom:none}.relaya-root .moderator-admin-page__item:hover{background:color-mix(in srgb, var(--relaya-color-accent) 4%, var(--relaya-color-surface))}.relaya-root .moderator-admin-page__member-label{color:var(--relaya-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.relaya-root .moderator-admin-page__list-hint{color:var(--relaya-color-text-muted);margin:0 0 var(--spacing-xs) 0;font-size:10px}.relaya-root .moderator-admin-page__item .btn{flex-shrink:0;min-height:22px;padding:2px 8px;font-size:11px}.relaya-root .moderator-admin-page__demote-link{color:var(--relaya-color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11px;font-weight:500;text-decoration:none}.relaya-root .moderator-admin-page__demote-link:hover:not(:disabled){color:var(--relaya-color-danger);text-decoration:underline}.relaya-root .moderator-admin-page__demote-link:disabled{opacity:.4;cursor:default}.relaya-root .moderator-admin-page__promote-link{color:var(--relaya-color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11px;font-weight:500;text-decoration:none}.relaya-root .moderator-admin-page__promote-link:hover:not(:disabled){text-decoration:underline}.relaya-root .moderator-admin-page__promote-link:disabled{opacity:.4;cursor:default}.relaya-root .message-item__edit-form{background:var(--relaya-color-surface-2);border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.relaya-root .message-item__edit-textarea{border:1px solid var(--relaya-color-border);background:var(--relaya-color-surface);width:100%;min-height:60px;color:var(--relaya-color-text);resize:vertical;border-radius:4px;padding:8px;font-family:inherit;font-size:14px;line-height:1.4}.relaya-root .message-item__edit-textarea:focus{outline:2px solid var(--relaya-color-accent);outline-offset:1px}.relaya-root .message-item__edit-error{color:var(--relaya-color-error,#e74c3c);padding:4px 0;font-size:12px}.relaya-root .message-item__edit-actions{justify-content:flex-end;gap:8px;display:flex}.relaya-root .message-item__edit-actions .btn{min-width:60px}.relaya-root .message-input-container{flex-direction:column;display:flex}.relaya-root .reply-preview{padding:var(--spacing-sm) var(--spacing-md);background:var(--relaya-color-surface-2,#f5f5f5);border-top:1px solid var(--relaya-color-border);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.relaya-root .reply-preview__content{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.relaya-root .reply-preview__line{background:var(--relaya-color-accent,#3b82f6);border-radius:2px;flex-shrink:0;width:3px;height:36px}.relaya-root .reply-preview__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.relaya-root .reply-preview__author{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text);font-weight:600}.relaya-root .reply-preview__excerpt{font-size:var(--relaya-font-size-sm);color:var(--relaya-color-text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relaya-root .reply-preview__cancel{padding:var(--spacing-xs);cursor:pointer;color:var(--relaya-color-text-secondary,#6b7280);border-radius:var(--relaya-radius-sm);background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1;transition:background .15s}.relaya-root .reply-preview__cancel:hover{color:var(--relaya-color-text);background:#0000000d}.relaya-root .message-reply-bubble{align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--reply-bubble-bg,#0000000f);border-radius:var(--relaya-radius-sm);border-left:3px solid var(--relaya-color-accent,#3b82f6);padding:6px 8px;display:flex}.relaya-root .message-reply-bubble__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.relaya-root .message-reply-bubble__author{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-accent,#3b82f6);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.relaya-root .message-reply-bubble__excerpt{font-size:var(--relaya-font-size-xs);color:var(--relaya-color-text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-color-scheme:dark){.relaya-root .message-reply-bubble{--reply-bubble-bg:#ffffff14}}.relaya-root .message-item--own .message-reply-bubble{--reply-bubble-bg:#fff3;border-left-color:#ffffffb3}.relaya-root .message-item--own .message-reply-bubble__author{color:#fff}.relaya-root .message-item--own .message-reply-bubble__excerpt{color:#ffffffbf}.relaya-root .mute-toggle{cursor:pointer;color:#fff;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin-left:auto;margin-right:-10px;padding:4px 6px;transition:opacity .2s;display:flex}.relaya-root .mute-toggle:hover{opacity:.8}.relaya-root .mute-toggle:focus{outline:2px solid var(--primary-color,#007bff);outline-offset:2px;border-radius:4px}.relaya-root .mute-toggle:focus:not(:focus-visible){outline:none}.relaya-root .mute-toggle:active{opacity:.6}.relaya-root .mute-toggle__icon{width:18px;height:18px;display:block}.relaya-root .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.relaya-root .user-list{display:flex}.relaya-root .pane-divider{display:block}}@media (width<=479px){.relaya-root .chat-header__signout{display:none}.relaya-root .chat-name-btn{max-width:80px}}@media (width<=599px){.relaya-root .message-item{max-width:95%}.relaya-root .chat-header{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.relaya-root .message-list,.relaya-root .message-input-bar{padding:var(--spacing-sm) var(--spacing-md)}.relaya-root .send-btn,.relaya-root .sticker-btn{width:44px;height:44px}.relaya-root .sticker-picker{width:min(96vw,560px);bottom:calc(var(--input-height) + var(--spacing-sm));max-height:62vh}.relaya-root .sticker-suggestions{left:var(--spacing-md);right:var(--spacing-md);bottom:calc(100% + 6px)}.relaya-root .sticker-picker__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.relaya-root .btn--icon{min-width:40px;min-height:40px}.relaya-root .message-item__kebab-btn{display:inline-flex}.relaya-root .sticker-admin-page{padding:var(--spacing-md)}.relaya-root .sticker-admin-page__topbar,.relaya-root .admin-settings__section{flex-direction:column;align-items:stretch}.relaya-root .sticker-admin-page__header-actions{width:100%}.relaya-root .sticker-admin-page__header-actions .btn{flex:1}.relaya-root .auth-modal{padding:0}.relaya-root .auth-modal__content{width:100%;max-width:none;height:100%;padding:var(--spacing-xl) var(--spacing-lg);border-radius:0;justify-content:center}.relaya-root .auth-modal__buttons{flex-direction:column-reverse}.relaya-root .auth-modal__buttons .btn{width:100%}}.relaya-root *,.relaya-root :before,.relaya-root :after{box-sizing:border-box;margin:0;padding:0}.relaya-root *{font-family:var(--sp-ui-font);-webkit-font-smoothing:antialiased}.relaya-root button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.relaya-root input,.relaya-root textarea{font-family:inherit;font-size:inherit}", P = "relaya-default-styles";
+function F() {
+	if (typeof document > "u" || document.getElementById(P)) return;
+	let e = document.createElement("style");
+	e.id = P, e.textContent = N, document.head.appendChild(e);
+}
+function I() {
+	typeof document > "u" || document.getElementById(P)?.remove();
+}
+//#endregion
+//#region ../core/dist/messageUtils.js
+function ee() {
+	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function L(e, t = 1e3, n = 3e4) {
+	let r = t * 2 ** e;
+	return Math.min(r, n);
+}
+function R(e, t) {
+	return t ? e.filter((e) => e.clientId !== t) : e;
+}
+function z(e, t) {
+	return e.map((e) => e.clientId === t ? {
+		...e,
+		status: "failed"
+	} : e);
+}
+function B(e) {
+	let t = /* @__PURE__ */ new Set();
+	return e.filter((e) => t.has(e.id) ? !1 : (t.add(e.id), !0));
+}
+var V = new Set([
+	".gif",
+	".png",
+	".jpg",
+	".jpeg",
+	".webp"
+]), H = {
+	pathPrefixes: ["/files/stations/"],
+	hosts: [
+		"tenor.com",
+		"media.tenor.com",
+		"giphy.com",
+		"media.giphy.com",
+		"i.giphy.com",
+		"editablegifs.com",
+		"imgur.com",
+		"i.imgur.com"
+	]
+}, te = /(https?:\/\/[^\s]+|\/files\/stations\/[^\s]+)/gi, ne = /:([a-z0-9_-]{1,64}):/gi;
+function re(e) {
+	return e.trim().toLowerCase();
+}
+function ie(e) {
+	return e.reduce((e, t) => (t.shortcode && (e[re(t.shortcode)] = t.url), e), {});
+}
+function ae(e, t) {
+	let n = ie(t);
+	return e.replace(ne, (e, t) => n[re(t)] ?? e);
+}
+function U(e) {
+	let t = e.toLowerCase();
+	for (let e of V) if (t.endsWith(e)) return !0;
+	return !1;
+}
+function W(e) {
+	let t = e.toLowerCase();
+	return H.hosts.some((e) => t === e || t.endsWith(`.${e}`));
+}
+function G(e) {
+	let t = e.match(/[\],.!?:;]+$/);
+	if (!t) return {
+		core: e,
+		trailing: ""
+	};
+	let n = t[0];
+	return {
+		core: e.slice(0, -n.length),
+		trailing: n
+	};
+}
+function K(e, t) {
+	if (!t) return;
+	let n = e[e.length - 1];
+	if (n && !n.isImage) {
+		n.text += t;
+		return;
+	}
+	e.push({
+		text: t,
+		isImage: !1
+	});
+}
+function oe(e) {
+	try {
+		if (e.startsWith("/")) return H.pathPrefixes.some((t) => e.startsWith(t)) && U(e.split("?")[0] ?? e);
+		let t = new URL(e);
+		if (t.protocol !== "http:" && t.protocol !== "https:") return !1;
+		let n = t.pathname, r = H.pathPrefixes.some((e) => n.startsWith(e)), i = W(t.hostname);
+		return !r && !i ? !1 : U(n);
+	} catch {
+		return !1;
+	}
+}
+function q(e) {
+	let t = [], n = 0;
+	for (let r of e.matchAll(te)) {
+		let i = r[0], a = r.index ?? 0, o = a + i.length;
+		a > n && K(t, e.slice(n, a));
+		let { core: s, trailing: c } = G(i);
+		oe(s) ? (t.push({
+			text: s,
+			isImage: !0,
+			url: s
+		}), K(t, c)) : K(t, i), n = o;
+	}
+	return n < e.length && K(t, e.slice(n)), t;
+}
+function J(e) {
+	let t = q(e);
+	return t.filter((e) => e.isImage).length === 1 ? t.every((e) => e.isImage || e.text.trim() === "") : !1;
+}
+//#endregion
+//#region ../core/dist/chatConnection.js
+var se = class {
+	buildWsUrl;
+	onMessage;
+	onStatusChange;
+	ws = null;
+	status = "disconnected";
+	reconnectAttempt = 0;
+	reconnectTimer = null;
+	closed = !1;
+	backoffBaseMs;
+	backoffMaxMs;
+	onAuthRevoked;
+	constructor(e, t, n, r = {}) {
+		this.buildWsUrl = e, this.onMessage = t, this.onStatusChange = n, this.backoffBaseMs = r.backoffBaseMs ?? 1e3, this.backoffMaxMs = r.backoffMaxMs ?? 3e4, this.onAuthRevoked = r.onAuthRevoked;
+	}
+	getStatus() {
+		return this.status;
+	}
+	connect() {
+		this.closed || (this.setStatus("connecting"), this.openSocket());
+	}
+	send(e) {
+		this.ws?.readyState === WebSocket.OPEN && this.ws.send(JSON.stringify(e));
+	}
+	close() {
+		this.closed = !0, this.clearReconnectTimer(), this.ws &&= (this.ws.onclose = null, this.ws.close(), null), this.setStatus("disconnected");
+	}
+	openSocket() {
+		if (this.closed) return;
+		let e = this.buildWsUrl(), t = new WebSocket(e);
+		this.ws = t, t.onopen = () => {
+			if (this.closed) {
+				t.close();
+				return;
+			}
+			this.reconnectAttempt = 0, this.setStatus("connected");
+		}, t.onmessage = (e) => {
+			let t;
+			try {
+				t = JSON.parse(e.data);
+			} catch {
+				return;
+			}
+			if (t.type === "ping") {
+				this.send({ type: "pong" });
+				return;
+			}
+			if (t.type === "force_logout") {
+				this.handleAuthRevoked();
+				return;
+			}
+			this.onMessage(t);
+		}, t.onclose = (e) => {
+			if (!this.closed) {
+				if (e.code === 4001) {
+					this.handleAuthRevoked();
+					return;
+				}
+				this.scheduleReconnect();
+			}
+		}, t.onerror = () => {};
+	}
+	scheduleReconnect() {
+		if (this.closed) return;
+		this.setStatus("reconnecting");
+		let e = L(this.reconnectAttempt, this.backoffBaseMs, this.backoffMaxMs);
+		this.reconnectAttempt++, this.reconnectTimer = setTimeout(() => {
+			this.closed || this.openSocket();
+		}, e);
+	}
+	clearReconnectTimer() {
+		this.reconnectTimer !== null && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null);
+	}
+	setStatus(e) {
+		this.status !== e && (this.status = e, this.onStatusChange(e));
+	}
+	handleAuthRevoked() {
+		this.closed = !0, this.clearReconnectTimer(), this.ws &&= (this.ws.onclose = null, this.ws.close(), null), this.setStatus("disconnected"), this.onAuthRevoked?.();
+	}
+};
+function ce(e, t, n) {
+	return (r) => {
+		switch (r.type) {
+			case "auth:success":
+				e.userDirectory.current.clear(), e.avatarHistory.current.clear(), r.users.forEach((t) => {
+					e.userDirectory.current.set(t.id, {
+						id: t.id,
+						displayName: t.displayName,
+						avatarUrl: t.avatarUrl
+					}), t.avatarUrl !== null && e.avatarHistory.current.set(t.id, [{
+						url: t.avatarUrl,
+						changedAt: /* @__PURE__ */ new Date(0)
+					}]);
+				}), e.newestMessageIdRef.current ? console.log("[auth:success] reconnect — skipping full reload (catch-up already in flight)") : (console.log("[auth:success] fresh connect — loading initial messages"), t((e) => ({
+					...e,
+					loadingInitial: !0
+				})), n());
+				break;
+			case "message:broadcast": {
+				let { message: n, clientId: i } = r;
+				t((t) => {
+					let r = B([...t.messages, n]), a = r.length > 150 ? r.slice(r.length - 150) : r, o = R(t.optimistic, i);
+					return e.newestMessageIdRef.current = n.id, a.length > 0 && (e.oldestMessageIdRef.current = a[0].id), {
+						...t,
+						messages: a,
+						optimistic: o
+					};
+				});
+				break;
+			}
+			case "message:deleted": {
+				let { messageId: e } = r;
+				t((t) => ({
+					...t,
+					messages: t.messages.map((t) => t.id === e ? {
+						...t,
+						is_deleted: !0,
+						content: null
+					} : t)
+				}));
+				break;
+			}
+			case "message:edited": {
+				let { message: e } = r;
+				t((t) => ({
+					...t,
+					messages: t.messages.map((t) => t.id === e.id ? e : t)
+				}));
+				break;
+			}
+			case "mention:notification": {
+				let { mentionedBy: t, excerpt: n } = r;
+				e.mentionSoundPlayRef.current && e.mentionSoundPlayRef.current(), console.log(`[Mention] @${t.displayName}: ${n}`);
+				break;
+			}
+			case "channel:notification": {
+				let { mentionedBy: t, excerpt: n } = r;
+				e.channelSoundPlayRef.current && e.channelSoundPlayRef.current(), console.log(`[Channel] @channel by ${t.displayName}: ${n}`);
+				break;
+			}
+			case "presence:update":
+				r.users.forEach((t) => {
+					e.userDirectory.current.set(t.id, {
+						id: t.id,
+						displayName: t.displayName,
+						avatarUrl: t.avatarUrl
+					});
+				}), t((e) => ({
+					...e,
+					users: r.users.map((e) => ({
+						id: e.id,
+						displayName: e.displayName,
+						avatarUrl: e.avatarUrl
+					})),
+					userCount: r.userCount,
+					totalCount: r.totalCount
+				}));
+				break;
+			case "user:update": {
+				let { userId: n, updates: i, timestamp: a } = r, o = e.userDirectory.current.get(n);
+				if (e.userDirectory.current.set(n, {
+					id: n,
+					displayName: i.displayName ?? o?.displayName ?? "Unknown User",
+					avatarUrl: i.avatarUrl === void 0 ? o?.avatarUrl ?? null : i.avatarUrl
+				}), i.avatarUrl !== void 0) {
+					let t = e.avatarHistory.current.get(n) || [];
+					t.push({
+						url: i.avatarUrl,
+						changedAt: new Date(a)
+					});
+					let r = t.length > 20 ? t.slice(t.length - 20) : t;
+					e.avatarHistory.current.set(n, r);
+				}
+				t((e) => ({
+					...e,
+					users: e.users.map((e) => e.id === n ? {
+						...e,
+						...i
+					} : e)
+				}));
+				break;
+			}
+			case "error":
+				t((e) => {
+					let t = e.optimistic.filter((e) => e.status === "sending");
+					return t.length === 1 ? {
+						...e,
+						optimistic: z(e.optimistic, t[0].clientId),
+						error: r.message
+					} : {
+						...e,
+						error: r.message
+					};
+				});
+				break;
+			case "stickers:updated":
+				e.onStickersUpdatedRef.current?.();
+				break;
+			default: break;
+		}
+	};
+}
+//#endregion
+//#region src/contexts/NotificationMuteContext.tsx
+var Y = C(void 0);
+function X({ children: e }) {
+	let [t, n] = k(!1);
+	return /* @__PURE__ */ j(Y.Provider, {
+		value: {
+			isMuted: t,
+			setIsMuted: n
+		},
+		children: e
+	});
+}
+function le() {
+	let e = T(Y);
+	if (!e) throw Error("useNotificationMute must be used within NotificationMuteProvider");
+	return e;
+}
+//#endregion
+//#region src/hooks/useRelayaChat.ts
+function ue(e, t, n) {
+	if (!e) return y(t, n);
+	let r = new URL(e, window.location.href), i = r.protocol === "https:" ? "wss:" : "ws:", a = n ? `token=${encodeURIComponent(n)}&` : "";
+	return `${i}//${r.host}/ws?${a}station=${encodeURIComponent(t)}`;
+}
+var de = 50;
+function Z(e, t, n) {
+	let [r, i] = k({
+		messages: [],
+		optimistic: [],
+		users: [],
+		userCount: 0,
+		totalCount: 0,
+		connectionStatus: "disconnected",
+		loadingInitial: !1,
+		loadingOlder: !1,
+		hasOlderMessages: !1,
+		retentionCutoff: null,
+		error: null
+	}), a = O(null), o = O(void 0), s = O(void 0), c = O(/* @__PURE__ */ new Map()), l = O(/* @__PURE__ */ new Map()), u = O(/* @__PURE__ */ new Map()), d = O(new b("", t)).current, f = O(null), p = O(null), m = O(null), h = O(null), g = O(void 0), { isMuted: _ } = le(), v = O(_), y = e.stationSlug, x = e.user?.id ?? "", S = w((e, t) => {
+		let n = (u.current.get(e) || []).filter((e) => e.changedAt <= t).pop();
+		return n ? n.url : l.current.get(e)?.avatarUrl ?? null;
+	}, []), C = w(async (e = {}) => {
+		if (y) try {
+			let t = await d.getMessages(y, {
+				after: e.after,
+				limit: de
+			}), n = t.messages ?? [];
+			console.log(`[loadMessages] ${e.after ? "catch-up (after=" + e.after.slice(0, 8) + "…)" : "initial"} → ${n.length} messages, oldest=${n[0]?.id?.slice(0, 8) ?? "none"}… newest=${n[n.length - 1]?.id?.slice(0, 8) ?? "none"}…, hasMore=${t.hasMore}`), i((r) => {
+				let i;
+				return i = e.after ? B([...r.messages, ...n]) : n, n.length > 0 && (s.current = i[i.length - 1].id, e.after || (o.current = i[0].id)), {
+					...r,
+					messages: i,
+					hasOlderMessages: t.hasMore ?? !1,
+					loadingInitial: !1,
+					...e.after ? {} : { retentionCutoff: t.retentionCutoff ?? null }
+				};
+			});
+		} catch (e) {
+			console.error("[loadMessages] fetch failed:", e), i((e) => ({
+				...e,
+				loadingInitial: !1
+			}));
+		}
+	}, [d, y]), T = w(ce({
+		userDirectory: l,
+		avatarHistory: u,
+		newestMessageIdRef: s,
+		oldestMessageIdRef: o,
+		mentionSoundPlayRef: m,
+		channelSoundPlayRef: h,
+		onStickersUpdatedRef: g
+	}, i, C), [C]), D = w((e) => {
+		i((t) => ({
+			...t,
+			connectionStatus: e
+		})), e === "connected" && s.current && C({ after: s.current });
+	}, [C]);
+	E(() => {
+		f.current = T, p.current = D, v.current = _, g.current = n?.onStickersUpdated;
+	}), E(() => {
+		if (!y || e.status === "loading") return;
+		let r = () => {
+			let r = new se(() => {
+				let r = e.status === "authenticated" ? t() ?? void 0 : void 0;
+				return ue(n?.wsBaseUrl, y, r);
+			}, (e) => f.current?.(e), (e) => p.current?.(e), { onAuthRevoked: n?.onForcedLogout });
+			return a.current = r, r.connect(), r;
+		};
+		r();
+		let i = () => {
+			document.hidden ? (a.current?.close(), a.current = null) : r();
+		};
+		return document.addEventListener("visibilitychange", i), () => {
+			document.removeEventListener("visibilitychange", i), a.current?.close(), a.current = null;
+		};
+	}, [
+		y,
+		e.status,
+		t,
+		n?.wsBaseUrl
+	]);
+	let A = w(async () => {
+		if (!(!y || !o.current || r.loadingOlder)) {
+			i((e) => ({
+				...e,
+				loadingOlder: !0
+			}));
+			try {
+				let e = await d.getMessages(y, {
+					before: o.current,
+					limit: de
+				}), t = e.messages ?? [];
+				i((n) => {
+					let r = B([...t, ...n.messages]);
+					return t.length > 0 && (o.current = t[0].id), {
+						...n,
+						messages: r,
+						hasOlderMessages: e.hasMore ?? !1,
+						loadingOlder: !1
+					};
+				});
+			} catch {
+				i((e) => ({
+					...e,
+					loadingOlder: !1
+				}));
+			}
+		}
+	}, [
+		d,
+		y,
+		r.loadingOlder
+	]), j = w((t, n) => {
+		if (!a.current || !e.user) return;
+		let r = ee(), o = {
+			clientId: r,
+			content: t.trim(),
+			authorId: x,
+			authorDisplayName: e.user.displayName,
+			authorAvatarUrl: e.user.avatarUrl,
+			createdAt: /* @__PURE__ */ new Date(),
+			status: "sending"
+		};
+		i((e) => ({
+			...e,
+			optimistic: [...e.optimistic, o]
+		})), c.current.set(r, t.trim()), a.current.send({
+			type: "message:send",
+			content: t.trim(),
+			clientId: r,
+			replyToMessageId: n?.messageId,
+			replyAuthorName: n?.authorName,
+			replyExcerpt: n?.excerpt
+		});
+	}, [e.user, x]), M = w((t) => {
+		if (!a.current || !e.user) return;
+		let n = c.current.get(t);
+		n && (i((e) => ({
+			...e,
+			optimistic: e.optimistic.filter((e) => e.clientId !== t)
+		})), c.current.delete(t), j(n));
+	}, [e.user, j]), N = w(async (e) => {
+		y && (await d.deleteMessage(y, e), i((t) => ({
+			...t,
+			messages: t.messages.map((t) => t.id === e ? {
+				...t,
+				is_deleted: !0,
+				content: null
+			} : t)
+		})));
+	}, [d, y]), P = w(async (e, t) => {
+		y && await d.createBan(y, e, t);
+	}, [d, y]), F = w(async (e, t, n) => {
+		y && await d.createReport(y, e, t, n);
+	}, [d, y]), I = w(async (e, t) => {
+		if (y) try {
+			let n = await d.editMessage(y, e, t);
+			i((t) => ({
+				...t,
+				messages: t.messages.map((t) => t.id === e ? {
+					...t,
+					...n
+				} : t)
+			}));
+		} catch (e) {
+			throw i((e) => ({
+				...e,
+				error: "Failed to edit message"
+			})), e;
+		}
+	}, [d, y]), L = w((e) => {
+		m.current = e;
+	}, []), R = w((e) => {
+		h.current = e;
+	}, []), z = w((e) => l.current.get(e), []);
+	return {
+		...r,
+		sendMessage: j,
+		loadOlderMessages: A,
+		editMessage: I,
+		deleteMessage: N,
+		banUser: P,
+		reportMessage: F,
+		retryFailed: M,
+		registerMentionSound: L,
+		registerChannelSound: R,
+		getUserInfo: z,
+		getAvatarForMessage: S
+	};
+}
+//#endregion
+//#region src/mentionInputUtils.ts
+function fe(e, t) {
+	if (t <= 0 || t > e.length) return null;
+	let n = t - 1;
+	for (; n >= 0 && /[a-zA-Z0-9_-]/.test(e[n] ?? "");) --n;
+	if (e[n] !== "@") return null;
+	let r = n > 0 ? e[n - 1] : "";
+	return r && !/\s/.test(r) ? null : {
+		query: e.slice(n + 1, t).toLowerCase(),
+		start: n,
+		end: t
+	};
+}
+function pe(e, t, n, r = 8) {
+	let i = t.trim().toLowerCase();
+	return e.filter((e) => e.id !== n).filter((e) => !i || e.displayName.toLowerCase().startsWith(i) || e.displayName.toLowerCase().includes(i)).sort((e, t) => i && !e.displayName.toLowerCase().startsWith(i) - +!t.displayName.toLowerCase().startsWith(i) || e.displayName.localeCompare(t.displayName)).slice(0, r);
+}
+function me(e, t, n, r) {
+	if (t <= 0) return null;
+	let i = e.slice(0, t).match(/(?:^|(?<=\s))@([a-zA-Z0-9_-]+)$/);
+	if (!i) return null;
+	let a = i[1].toLowerCase(), o = t, s = o - i[0].length, c = n.filter((e) => e.id !== r).filter((e) => !e.displayName.includes(" ")).filter((e) => e.displayName.toLowerCase() === a);
+	return c.length === 1 ? {
+		user: c[0],
+		start: s,
+		end: o
+	} : null;
+}
+function he(e, t, n, r) {
+	let i = `@[${r.displayName}|${r.id}] `;
+	return {
+		nextText: `${e.slice(0, t)}${i}${e.slice(n)}`,
+		caretPosition: t + i.length
+	};
+}
+//#endregion
+//#region src/stickerInputUtils.ts
+function ge(e, t) {
+	if (t <= 0 || t > e.length) return null;
+	let n = t - 1;
+	for (; n >= 0 && /[A-Za-z0-9_-]/.test(e[n] ?? "");) --n;
+	if (e[n] !== ":") return null;
+	let r = n > 0 ? e[n - 1] : "";
+	if (r && !/\s/.test(r)) return null;
+	let i = e.slice(n + 1, t);
+	return /^[A-Za-z0-9_-]*$/.test(i) ? {
+		query: i.toLowerCase(),
+		start: n,
+		end: t
+	} : null;
+}
+function _e(e, t, n, r) {
+	let i = `:${r}: `;
+	return {
+		nextText: `${e.slice(0, t)}${i}${e.slice(n)}`,
+		caretPosition: t + i.length
+	};
+}
+function ve(e, t, n = 6) {
+	let r = t.trim().toLowerCase();
+	return e.filter((e) => !!e.shortcode).filter((e) => !r || e.shortcode.startsWith(r) || e.shortcode.includes(r)).sort((e, t) => !e.shortcode.startsWith(r) - +!t.shortcode.startsWith(r) || e.order - t.order || e.filename.localeCompare(t.filename)).slice(0, n);
+}
+//#endregion
+//#region src/components/LoginScreen.tsx
+function ye({ onLogin: e, error: t, stationSlug: n }) {
+	let [r, i] = k(""), [a, o] = k(!1);
+	async function s(t) {
+		if (t.preventDefault(), !(!r.trim() || a)) {
+			o(!0);
+			try {
+				await e(r.trim());
+			} catch {} finally {
+				o(!1);
+			}
+		}
+	}
+	let c = n.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+	return /* @__PURE__ */ j("div", {
+		className: "login-screen",
+		children: /* @__PURE__ */ M("div", {
+			className: "login-card",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "login-card__logo",
+					children: /* @__PURE__ */ j("span", {
+						style: { fontSize: 40 },
+						children: "📻"
+					})
+				}),
+				/* @__PURE__ */ M("h1", {
+					className: "login-card__title",
+					children: [c, " Chat"]
+				}),
+				/* @__PURE__ */ j("p", {
+					className: "login-card__subtitle",
+					children: "Enter your email to receive a magic link and join the chat."
+				}),
+				/* @__PURE__ */ M("form", {
+					className: "login-card__form",
+					onSubmit: s,
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "form-field",
+							children: [/* @__PURE__ */ j("label", {
+								htmlFor: "email",
+								children: "Email address"
+							}), /* @__PURE__ */ j("input", {
+								id: "email",
+								type: "email",
+								value: r,
+								onChange: (e) => i(e.target.value),
+								placeholder: "you@example.com",
+								autoComplete: "email",
+								autoFocus: !0,
+								required: !0,
+								disabled: a
+							})]
+						}),
+						t && /* @__PURE__ */ j("div", {
+							className: "error-message",
+							children: t
+						}),
+						/* @__PURE__ */ j("button", {
+							type: "submit",
+							className: "btn btn--primary",
+							disabled: a || !r.trim(),
+							children: a ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", { className: "connection-spinner" }), "Sending…"] }) : "Send magic link"
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/MagicLinkSent.tsx
+function be({ onBack: e }) {
+	return /* @__PURE__ */ j("div", {
+		className: "magic-link-sent",
+		children: /* @__PURE__ */ M("div", {
+			className: "magic-link-sent__card",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "magic-link-sent__icon",
+					children: "✉️"
+				}),
+				/* @__PURE__ */ j("h1", {
+					className: "magic-link-sent__title",
+					children: "Check your email"
+				}),
+				/* @__PURE__ */ M("p", {
+					className: "magic-link-sent__body",
+					children: [
+						"We've sent a magic link to your email address. Click the link to join the chat.",
+						/* @__PURE__ */ j("br", {}),
+						/* @__PURE__ */ j("br", {}),
+						"The link expires in 15 minutes and can only be used once."
+					]
+				}),
+				/* @__PURE__ */ j("button", {
+					className: "btn btn--ghost",
+					onClick: e,
+					style: { width: "100%" },
+					children: "Use a different email"
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region ../../node_modules/react-icons/lib/iconContext.mjs
+var Q = {
+	color: void 0,
+	size: void 0,
+	className: void 0,
+	style: void 0,
+	attr: void 0
+}, xe = S.createContext && /* @__PURE__ */ S.createContext(Q), Se = [
+	"attr",
+	"size",
+	"title"
+];
+function Ce(e, t) {
+	if (e == null) return {};
+	var n, r, i = we(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function we(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function Te() {
+	return Te = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, Te.apply(null, arguments);
+}
+function Ee(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function De(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? Ee(Object(n), !0).forEach(function(t) {
+			Oe(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ee(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function Oe(e, t, n) {
+	return (t = ke(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function ke(e) {
+	var t = Ae(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function Ae(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function je(e) {
+	return e && e.map((e, t) => /* @__PURE__ */ S.createElement(e.tag, De({ key: t }, e.attr), je(e.child)));
+}
+function Me(e) {
+	return (t) => /* @__PURE__ */ S.createElement(Ne, Te({ attr: De({}, e.attr) }, t), je(e.child));
+}
+function Ne(e) {
+	var t = (t) => {
+		var { attr: n, size: r, title: i } = e, a = Ce(e, Se), o = r || t.size || "1em", s;
+		return t.className && (s = t.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ S.createElement("svg", Te({
+			stroke: "currentColor",
+			fill: "currentColor",
+			strokeWidth: "0"
+		}, t.attr, n, a, {
+			className: s,
+			style: De(De({ color: e.color || t.color }, t.style), e.style),
+			height: o,
+			width: o,
+			xmlns: "http://www.w3.org/2000/svg"
+		}), i && /* @__PURE__ */ S.createElement("title", null, i), e.children);
+	};
+	return xe === void 0 ? t(Q) : /* @__PURE__ */ S.createElement(xe.Consumer, null, (e) => t(e));
+}
+//#endregion
+//#region ../../node_modules/react-icons/hi2/index.mjs
+function Pe(e) {
+	return Me({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		},
+		child: [{
+			tag: "path",
+			attr: {
+				fillRule: "evenodd",
+				d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
+				clipRule: "evenodd"
+			},
+			child: []
+		}]
+	})(e);
+}
+function Fe(e) {
+	return Me({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		},
+		child: [{
+			tag: "path",
+			attr: { d: "M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM20.57 16.476c-.223.082-.448.161-.674.238L7.319 4.137A6.75 6.75 0 0 1 18.75 9v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206Z" },
+			child: []
+		}, {
+			tag: "path",
+			attr: {
+				fillRule: "evenodd",
+				d: "M5.25 9c0-.184.007-.366.022-.546l10.384 10.384a3.751 3.751 0 0 1-7.396-1.119 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
+				clipRule: "evenodd"
+			},
+			child: []
+		}]
+	})(e);
+}
+function Ie(e) {
+	return Me({
+		tag: "svg",
+		attr: {
+			fill: "none",
+			viewBox: "0 0 24 24",
+			strokeWidth: "1.5",
+			stroke: "currentColor",
+			"aria-hidden": "true"
+		},
+		child: [{
+			tag: "path",
+			attr: {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"
+			},
+			child: []
+		}, {
+			tag: "path",
+			attr: {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+			},
+			child: []
+		}]
+	})(e);
+}
+//#endregion
+//#region src/components/ReportModal.tsx
+var Le = [
+	{
+		value: "spam",
+		label: "Spam"
+	},
+	{
+		value: "harassment",
+		label: "Harassment or bullying"
+	},
+	{
+		value: "offensive_content",
+		label: "Offensive or hateful content"
+	},
+	{
+		value: "misinformation",
+		label: "Misinformation"
+	},
+	{
+		value: "other",
+		label: "Other"
+	}
+];
+function Re({ messageId: e, authorName: t, onReport: n, onClose: r }) {
+	let [i, a] = k(Le[0].value), [o, s] = k(""), [c, l] = k(!1), [u, d] = k(null), [f, p] = k(!1);
+	async function m() {
+		l(!0), d(null);
+		try {
+			await n(e, i, o.trim() || void 0), p(!0);
+		} catch (e) {
+			d(e?.message ?? "Failed to submit report.");
+		} finally {
+			l(!1);
+		}
+	}
+	return /* @__PURE__ */ j("div", {
+		className: "modal-overlay",
+		onClick: (e) => e.target === e.currentTarget && r(),
+		children: /* @__PURE__ */ M("div", {
+			className: "modal",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Report message",
+			children: [
+				/* @__PURE__ */ j("h2", {
+					className: "modal__title",
+					children: "Report message"
+				}),
+				f ? /* @__PURE__ */ j("div", {
+					className: "modal__body",
+					children: /* @__PURE__ */ j("p", { children: "✅ Your report has been submitted. Our moderators will review it shortly." })
+				}) : /* @__PURE__ */ M("div", {
+					className: "modal__body",
+					children: [
+						/* @__PURE__ */ M("p", { children: [
+							"Report a message from ",
+							/* @__PURE__ */ j("strong", { children: t }),
+							"."
+						] }),
+						/* @__PURE__ */ j("label", {
+							htmlFor: "report-reason",
+							children: "Reason"
+						}),
+						/* @__PURE__ */ j("select", {
+							id: "report-reason",
+							value: i,
+							onChange: (e) => a(e.target.value),
+							disabled: c,
+							children: Le.map((e) => /* @__PURE__ */ j("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						}),
+						/* @__PURE__ */ j("label", {
+							htmlFor: "report-details",
+							children: "Additional details (optional)"
+						}),
+						/* @__PURE__ */ j("textarea", {
+							id: "report-details",
+							value: o,
+							onChange: (e) => s(e.target.value),
+							placeholder: "Describe the issue…",
+							disabled: c,
+							maxLength: 500
+						}),
+						u && /* @__PURE__ */ j("p", {
+							style: {
+								color: "var(--color-danger)",
+								marginTop: 8
+							},
+							children: u
+						})
+					]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "modal__footer",
+					children: f ? /* @__PURE__ */ j("button", {
+						className: "btn btn--primary",
+						onClick: r,
+						children: "Close"
+					}) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("button", {
+						className: "btn btn--ghost",
+						onClick: r,
+						disabled: c,
+						children: "Cancel"
+					}), /* @__PURE__ */ j("button", {
+						className: "btn btn--danger",
+						onClick: m,
+						disabled: c,
+						children: c ? "Submitting…" : "Submit report"
+					})] })
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/MessageAvatar.tsx
+function ze(e) {
+	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+function $({ displayName: e, avatarUrl: t }) {
+	let [n, r] = k(!1);
+	return /* @__PURE__ */ j("div", {
+		className: "message-item__avatar-slot",
+		"aria-hidden": "true",
+		children: t && !n ? /* @__PURE__ */ j("img", {
+			className: "message-item__avatar message-item__avatar--image",
+			src: t,
+			alt: "",
+			onError: () => r(!0),
+			loading: "lazy"
+		}) : /* @__PURE__ */ j("div", {
+			className: "message-item__avatar",
+			children: ze(e)
+		})
+	});
+}
+//#endregion
+//#region src/components/MessageContextMenu.tsx
+function Be({ position: e, onClose: t, showAvatarOptions: n, hasGalleryImages: r, onSelectGravatarPhoto: i, onUseDefaultGravatar: a, onUseInitials: o, showReply: s, showEdit: c, showDelete: l, showReport: u, showBan: d, onReply: f, onEdit: p, onDelete: m, onReport: h, onBan: g }) {
+	let _ = S(), v = window.innerWidth, y = window.innerHeight, b = e.x + 220 > v ? e.x - 220 : e.x, x = e.y + _ > y ? e.y - _ : e.y;
+	function S() {
+		let e = 0;
+		n && (e += 3), s && e++, c && e++, l && e++, u && e++, d && e++;
+		let t = e * 40, r = n && (s || c || l || u || d) ? 1 : 0, i = s && (u || d || l) ? 1 : 0;
+		return t + r + i + 4;
+	}
+	let C = ({ onClick: e, children: n, icon: r, danger: i = !1 }) => /* @__PURE__ */ M("button", {
+		onClick: () => {
+			e(), t();
+		},
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8px",
+			width: "100%",
+			padding: "10px 12px",
+			textAlign: "left",
+			background: "none",
+			border: "none",
+			color: i ? "var(--relaya-color-danger, #e74c3c)" : "var(--relaya-color-text)",
+			fontSize: "var(--relaya-font-size-sm)",
+			cursor: "pointer",
+			fontFamily: "inherit"
+		},
+		onMouseEnter: (e) => {
+			e.currentTarget.style.background = "var(--relaya-color-surface-2)";
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.background = "none";
+		},
+		children: [/* @__PURE__ */ j("span", { children: r }), /* @__PURE__ */ j("span", { children: n })]
+	});
+	return n || s || c || l || u || d ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		onClick: t,
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			zIndex: 999
+		}
+	}), /* @__PURE__ */ M("div", {
+		style: {
+			position: "fixed",
+			top: x,
+			left: b,
+			zIndex: 1e3,
+			minWidth: "220px",
+			background: "var(--relaya-color-surface)",
+			border: "1px solid var(--relaya-color-border)",
+			borderRadius: "var(--relaya-radius-md)",
+			boxShadow: "0 4px 16px var(--relaya-color-shadow)",
+			overflow: "hidden"
+		},
+		children: [
+			n && /* @__PURE__ */ M(A, { children: [
+				i && /* @__PURE__ */ j(C, {
+					onClick: i,
+					icon: "🌐",
+					children: "Select gravatar image..."
+				}),
+				a && /* @__PURE__ */ j(C, {
+					onClick: a,
+					icon: "🌐",
+					children: "Use default Gravatar"
+				}),
+				o && /* @__PURE__ */ j(C, {
+					onClick: o,
+					icon: "⭕",
+					children: "Use initials (no avatar)"
+				})
+			] }),
+			n && (s || c || l || u || d) && /* @__PURE__ */ j("div", { style: {
+				height: "1px",
+				background: "var(--relaya-color-border)",
+				margin: "4px 0"
+			} }),
+			s && f && /* @__PURE__ */ j(C, {
+				onClick: f,
+				icon: "↩️",
+				children: "Reply"
+			}),
+			s && (u || d || l) && /* @__PURE__ */ j("div", { style: {
+				height: "1px",
+				background: "var(--relaya-color-border)",
+				margin: "4px 0"
+			} }),
+			c && p && /* @__PURE__ */ j(C, {
+				onClick: p,
+				icon: "✏️",
+				children: "Edit message"
+			}),
+			u && h && /* @__PURE__ */ j(C, {
+				onClick: h,
+				icon: "🚩",
+				children: "Report"
+			}),
+			d && g && /* @__PURE__ */ j(C, {
+				onClick: g,
+				icon: "🔨",
+				children: "Ban user"
+			}),
+			l && m && /* @__PURE__ */ j(C, {
+				onClick: m,
+				icon: "🗑",
+				danger: !0,
+				children: "Delete"
+			})
+		]
+	})] }) : null;
+}
+//#endregion
+//#region src/components/GravatarStyleModal.tsx
+var Ve = [
+	{
+		id: "identicon",
+		label: "Identicon",
+		icon: "🔷"
+	},
+	{
+		id: "monsterid",
+		label: "Monster",
+		icon: "👾"
+	},
+	{
+		id: "retro",
+		label: "Retro",
+		icon: "🎮"
+	},
+	{
+		id: "wavatar",
+		label: "Wavatar",
+		icon: "🌊"
+	},
+	{
+		id: "robohash",
+		label: "Robohash",
+		icon: "🤖"
+	},
+	{
+		id: "mp",
+		label: "Mystery Person",
+		icon: "👤"
+	}
+];
+function He({ stationSlug: e, getToken: t, onClose: n, onSelect: r, currentAvatarUrl: i }) {
+	let [a, o] = k([]), [s, c] = k(!0), [l, u] = k(null), [d, f] = k(i), [p, m] = k(!1);
+	E(() => {
+		(async () => {
+			try {
+				let n = t(), r = {};
+				n && (r.Authorization = `Bearer ${n}`);
+				let i = await fetch(`/api/chat/${e}/me/gravatar/gallery`, { headers: r });
+				if (!i.ok) throw Error("Failed to fetch gallery");
+				o((await i.json()).gallery || []);
+			} catch (e) {
+				console.error("Error fetching Gravatar gallery:", e), u("Failed to load Gravatar gallery"), o([]);
+			} finally {
+				c(!1);
+			}
+		})();
+	}, [e, t]);
+	let h = async () => {
+		if (d) {
+			m(!0);
+			try {
+				await r(d, "gravatar"), n();
+			} catch {
+				u("Failed to update avatar"), m(!1);
+			}
+		}
+	}, g = (e) => {
+		f(e);
+	}, _ = (e) => {
+		f(`https://www.gravatar.com/avatar/HASH?d=${e}&s=96`);
+	};
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		onClick: n,
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			background: "rgba(0, 0, 0, 0.5)",
+			zIndex: 1e3,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		}
+	}), /* @__PURE__ */ M("div", {
+		onClick: (e) => e.stopPropagation(),
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 1001,
+			width: "90%",
+			maxWidth: "600px",
+			maxHeight: "80vh",
+			background: "var(--relaya-color-input-bg)",
+			border: "1px solid var(--relaya-color-border)",
+			borderRadius: "var(--relaya-radius-lg)",
+			boxShadow: "0 8px 32px rgba(0, 0, 0, 0.2)",
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ M("div", {
+				style: {
+					padding: "16px 20px",
+					borderBottom: "1px solid var(--relaya-color-border)",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between"
+				},
+				children: [/* @__PURE__ */ j("h3", {
+					style: {
+						margin: 0,
+						fontSize: "var(--relaya-font-size-lg)",
+						fontWeight: 600
+					},
+					children: "Select Gravatar Image"
+				}), /* @__PURE__ */ j("button", {
+					onClick: n,
+					style: {
+						background: "none",
+						border: "none",
+						fontSize: "20px",
+						cursor: "pointer",
+						color: "var(--relaya-color-text-muted)",
+						padding: "4px 8px",
+						lineHeight: 1
+					},
+					children: "×"
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				style: {
+					padding: "20px",
+					overflowY: "auto",
+					flex: 1
+				},
+				children: [
+					s && /* @__PURE__ */ j("div", { children: "Loading..." }),
+					l && /* @__PURE__ */ j("div", {
+						style: {
+							color: "var(--relaya-color-danger)",
+							marginBottom: "16px"
+						},
+						children: l
+					}),
+					!s && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("div", {
+						style: { marginBottom: "24px" },
+						children: [/* @__PURE__ */ j("h4", {
+							style: {
+								fontSize: "var(--relaya-font-size-sm)",
+								fontWeight: 600,
+								marginBottom: "12px",
+								color: "var(--relaya-color-text-muted)"
+							},
+							children: "Your Uploaded Images (from gravatar.com)"
+						}), a.length > 0 ? /* @__PURE__ */ j("div", {
+							style: {
+								display: "grid",
+								gridTemplateColumns: "repeat(auto-fill, minmax(80px, 1fr))",
+								gap: "12px"
+							},
+							children: a.map((e, t) => /* @__PURE__ */ M("div", {
+								onClick: () => g(e.url),
+								style: {
+									cursor: "pointer",
+									border: d === e.url ? "2px solid var(--relaya-color-accent)" : "2px solid transparent",
+									borderRadius: "var(--relaya-radius-sm)",
+									padding: "4px"
+								},
+								children: [/* @__PURE__ */ j("img", {
+									src: e.url,
+									alt: e.alt || "Gallery image",
+									style: {
+										width: "100%",
+										height: "auto",
+										borderRadius: "var(--relaya-radius-sm)",
+										display: "block"
+									}
+								}), e.alt && /* @__PURE__ */ j("div", {
+									style: {
+										fontSize: "10px",
+										color: "var(--relaya-color-text-muted)",
+										marginTop: "4px",
+										textAlign: "center"
+									},
+									children: e.alt
+								})]
+							}, t))
+						}) : /* @__PURE__ */ M("div", {
+							style: {
+								fontSize: "var(--relaya-font-size-sm)",
+								color: "var(--relaya-color-text-muted)",
+								padding: "12px 0"
+							},
+							children: [
+								"Upload some images to your Gravatar ",
+								/* @__PURE__ */ j("strong", { children: /* @__PURE__ */ j("em", { children: "photos" }) }),
+								" section to show them here"
+							]
+						})]
+					}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h4", {
+						style: {
+							fontSize: "var(--relaya-font-size-sm)",
+							fontWeight: 600,
+							marginBottom: "12px",
+							color: "var(--relaya-color-text-muted)"
+						},
+						children: a.length > 0 ? "Generated Alternatives" : "Gravatar Generated Styles"
+					}), /* @__PURE__ */ j("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "repeat(auto-fill, minmax(80px, 1fr))",
+							gap: "12px"
+						},
+						children: Ve.map((e) => /* @__PURE__ */ M("div", {
+							onClick: () => _(e.id),
+							style: {
+								cursor: "pointer",
+								border: "2px solid transparent",
+								borderRadius: "var(--relaya-radius-sm)",
+								padding: "8px",
+								textAlign: "center"
+							},
+							children: [/* @__PURE__ */ j("div", {
+								style: {
+									fontSize: "32px",
+									marginBottom: "4px"
+								},
+								children: e.icon
+							}), /* @__PURE__ */ j("div", {
+								style: {
+									fontSize: "11px",
+									color: "var(--relaya-color-text-muted)"
+								},
+								children: e.label
+							})]
+						}, e.id))
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ M("div", {
+				style: {
+					padding: "12px 20px",
+					borderTop: "1px solid var(--relaya-color-border)",
+					display: "flex",
+					gap: "8px",
+					justifyContent: "flex-end"
+				},
+				children: [/* @__PURE__ */ j("button", {
+					onClick: n,
+					disabled: p,
+					style: {
+						padding: "8px 16px",
+						borderRadius: "var(--relaya-radius-sm)",
+						border: "1px solid var(--relaya-color-border)",
+						background: "var(--relaya-color-input-bg)",
+						color: "var(--relaya-color-text)",
+						cursor: "pointer",
+						fontSize: "var(--relaya-font-size-sm)"
+					},
+					children: "Cancel"
+				}), /* @__PURE__ */ j("button", {
+					onClick: h,
+					disabled: !d || p,
+					style: {
+						padding: "8px 16px",
+						borderRadius: "var(--relaya-radius-sm)",
+						border: "none",
+						background: d && !p ? "var(--relaya-color-accent)" : "var(--relaya-color-surface-2)",
+						color: d && !p ? "#ffffff" : "var(--relaya-color-text-muted)",
+						cursor: d && !p ? "pointer" : "not-allowed",
+						fontSize: "var(--relaya-font-size-sm)"
+					},
+					children: p ? "Saving..." : "Select Image"
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/components/messageItemUtils.ts
+function Ue(e) {
+	let t = typeof e == "string" ? new Date(e) : e, n = /* @__PURE__ */ new Date(), r = t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate(), i = t.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+	return r ? i : `${t.toLocaleDateString([], {
+		month: "short",
+		day: "numeric"
+	})}, ${i}`;
+}
+function We(e) {
+	return (typeof e == "string" ? new Date(e) : e) > /* @__PURE__ */ new Date(Date.now() - 900 * 1e3);
+}
+function Ge(e) {
+	return J(e) ? q(e).find((e) => e.isImage && e.url)?.url ?? null : null;
+}
+function Ke(e) {
+	let t = e.split("/").pop() ?? "image", n = t.split("?")[0] ?? t;
+	return decodeURIComponent(n).replace(/\.[^.]+$/, "").replace(/[-_]+/g, " ") || "Sticker image";
+}
+//#endregion
+//#region src/components/ChatImage.tsx
+function qe({ url: e, bare: t = !1, title: n }) {
+	let [r, i] = k(!1), [a, o] = k(!1);
+	return /* @__PURE__ */ M("span", {
+		className: ["chat-image", t ? "chat-image--bare" : "chat-image--inline"].join(" "),
+		title: n,
+		children: [!r && !a && /* @__PURE__ */ M("span", {
+			className: "chat-image__loading",
+			"aria-label": "Loading image",
+			children: [
+				/* @__PURE__ */ j("span", {}),
+				/* @__PURE__ */ j("span", {}),
+				/* @__PURE__ */ j("span", {})
+			]
+		}), a ? /* @__PURE__ */ j("span", {
+			className: "chat-image__fallback",
+			children: "Image unavailable"
+		}) : /* @__PURE__ */ j("img", {
+			src: e,
+			alt: Ke(e),
+			loading: "lazy",
+			className: "chat-image__img",
+			title: n,
+			style: { opacity: +!!r },
+			onLoad: () => i(!0),
+			onError: () => {
+				i(!1), o(!0);
+			}
+		})]
+	});
+}
+//#endregion
+//#region src/components/MentionRenderer.tsx
+var Je = /@\[([^\]|]+)\|([^\]]+)\]/g, Ye = /(https?:\/\/\S+)/g;
+function Xe(e) {
+	return e.replace(/[.,;:!?)]+$/, "");
+}
+function Ze(e, t) {
+	if (!e.includes("@")) return e;
+	let n = e.split(/(@[a-zA-Z0-9_-]+)/g);
+	return n.length === 1 ? e : /* @__PURE__ */ j(S.Fragment, { children: n.map((e, t) => /^@[a-zA-Z0-9_-]+$/.test(e) ? /* @__PURE__ */ j("strong", { children: e }, t) : /* @__PURE__ */ j(S.Fragment, { children: e }, t)) }, `legacy-${t}`);
+}
+function Qe(e, t) {
+	let n = e.split(Ye);
+	return n.length === 1 ? $e(e, t) : /* @__PURE__ */ j(A, { children: n.map((e, n) => {
+		if (n % 2 == 1) {
+			let t = Xe(e), r = e.slice(t.length);
+			return /* @__PURE__ */ M(S.Fragment, { children: [/* @__PURE__ */ j("a", {
+				href: t,
+				className: "message-link",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: t
+			}), r] }, `link-${n}`);
+		}
+		return e ? /* @__PURE__ */ j(S.Fragment, { children: $e(e, t) }, `text-${n}`) : null;
+	}) });
+}
+function $e(e, t) {
+	if (!e.includes("@")) return e;
+	let n = [], r = 0;
+	Je.lastIndex = 0;
+	let i = Je.exec(e);
+	for (; i !== null;) {
+		let [a, o, s] = i, c = i.index;
+		c > r && n.push(Ze(e.slice(r, c), `${r}`));
+		let l = !!t && s.trim() === t;
+		n.push(/* @__PURE__ */ M("span", {
+			className: `mention-chip${l ? " mention-chip--self" : ""}`,
+			children: ["@", o]
+		}, `mention-${c}`)), r = c + a.length, i = Je.exec(e);
+	}
+	return r < e.length && n.push(Ze(e.slice(r), `${r}-end`)), n.length === 0 ? e : n.length === 1 ? n[0] : /* @__PURE__ */ j(A, { children: n });
+}
+function et({ content: e, stickers: t, currentUserId: n }) {
+	return /* @__PURE__ */ j(A, { children: q(e).map((e, r) => {
+		if (e.isImage && e.url) {
+			let n = t.find((t) => t.url === e.url && t.shortcode);
+			return /* @__PURE__ */ j(qe, {
+				url: e.url,
+				title: n?.shortcode ? `:${n.shortcode}:` : void 0
+			}, `img-${r}-${e.url}`);
+		}
+		return /* @__PURE__ */ j(S.Fragment, { children: Qe(e.text, n) }, `txt-${r}`);
+	}) });
+}
+//#endregion
+//#region src/components/OptimisticMessageItem.tsx
+function tt({ msg: e, stickers: t, currentUserId: n, onRetry: r }) {
+	let i = ae(e.content, t), a = e.authorId === n, o = q(i).some((e) => e.isImage), s = Ge(i), c = !!s, l = e.status === "sending" ? "Sending…" : e.status === "failed" ? "⚠ Failed" : "";
+	return /* @__PURE__ */ M("div", {
+		className: [
+			"message-item",
+			a ? "message-item--own" : "message-item--other",
+			o ? "message-item--has-image" : "",
+			c ? "message-item--image" : "",
+			`message-item--${e.status === "failed" ? "failed" : "optimistic"}`
+		].join(" "),
+		children: [
+			a && /* @__PURE__ */ j($, {
+				displayName: e.authorDisplayName,
+				avatarUrl: e.authorAvatarUrl
+			}),
+			!a && /* @__PURE__ */ M("div", {
+				className: "message-item__avatar-column",
+				children: [/* @__PURE__ */ j("span", {
+					className: "message-item__author",
+					children: e.authorDisplayName
+				}), /* @__PURE__ */ j($, {
+					displayName: e.authorDisplayName,
+					avatarUrl: e.authorAvatarUrl
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "message-item__bubble-wrap",
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "message-item__name-row",
+						children: /* @__PURE__ */ j("span", {
+							className: "message-item__time",
+							children: Ue(e.createdAt)
+						})
+					}),
+					c && s ? /* @__PURE__ */ j("div", {
+						className: "message-item__bare-image-wrap",
+						children: /* @__PURE__ */ j(qe, {
+							url: s,
+							bare: !0
+						})
+					}) : /* @__PURE__ */ j("div", {
+						className: "message-item__bubble",
+						children: /* @__PURE__ */ j(et, {
+							content: i,
+							stickers: t,
+							currentUserId: n
+						})
+					}),
+					l && /* @__PURE__ */ M("div", {
+						className: "message-item__status-row",
+						children: [/* @__PURE__ */ j("span", {
+							className: "message-item__status",
+							children: l
+						}), e.status === "failed" && r && /* @__PURE__ */ j("button", {
+							style: {
+								fontSize: 11,
+								color: "var(--color-accent)"
+							},
+							onClick: () => r(e.clientId),
+							children: "Retry"
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/MessageEditForm.tsx
+function nt({ editContent: e, editError: t, onChange: n, onSave: r, onCancel: i }) {
+	return /* @__PURE__ */ M("div", {
+		className: "message-item__edit-form",
+		children: [
+			/* @__PURE__ */ j("textarea", {
+				value: e,
+				onChange: (e) => n(e.target.value),
+				maxLength: 2e3,
+				autoFocus: !0,
+				className: "message-item__edit-textarea",
+				rows: 3
+			}),
+			t && /* @__PURE__ */ j("div", {
+				className: "message-item__edit-error",
+				children: t
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "message-item__edit-actions",
+				children: [/* @__PURE__ */ j("button", {
+					className: "btn btn--primary btn--sm",
+					onClick: r,
+					children: "Save"
+				}), /* @__PURE__ */ j("button", {
+					className: "btn btn--secondary btn--sm",
+					onClick: i,
+					children: "Cancel"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/MessageItem.tsx
+function rt({ item: t, stickers: n, currentUserId: r, currentUserPermissions: i, stationSlug: a, getToken: o, onDelete: s, onBan: c, onReport: l, onReply: u, onEdit: d, onRetry: f, getUserInfo: p, getAvatarForMessage: m }) {
+	let [h, _] = k(!1), [v, y] = k(!1), [b, x] = k(!1), [S, C] = k(null), [w, T] = k(!1), [E, D] = k(""), [N, P] = k(null), [F, I] = k(!1), [ee, L] = k(!1), [R, z] = k(!1), B = O(null), V = O(null), H = O(null), te = i.includes(e.DELETE_ANY), ne = i.includes(e.BAN_USER), re = i.includes(e.REPORT), ie = i.includes(e.EDIT_OWN);
+	if (t.kind === "optimistic") return /* @__PURE__ */ j(tt, {
+		msg: t.msg,
+		stickers: n,
+		currentUserId: r,
+		onRetry: f
+	});
+	let U = t.msg, W = U.user_id === r, G = U.is_deleted, K = U.user_id, oe = p(K), J = oe?.displayName ?? "Unknown User", se = oe?.isModerator ?? !1, ce = m(K, new Date(U.created_at)), Y = U.content ?? "", X = G ? Y : ae(Y, n), le = !G && q(X).some((e) => e.isImage), ue = G ? null : Ge(X), de = !!ue, Z = K !== r, fe = !G && W && ie && (U.edit_count ?? 0) < 2 && We(U.created_at) && !!d, pe = !G && (te || i.includes(e.DELETE_OWN) && W), me = !G && ne && Z, he = !G && re && Z, ge = !G && Z, _e = fe || pe || me || he || W || ge, ve = async () => {
+		if (!R) {
+			try {
+				let e = o(), t = {};
+				e && (t.Authorization = `Bearer ${e}`);
+				let n = await fetch(`/api/chat/${a}/me/gravatar/gallery`, { headers: t });
+				n.ok && L(((await n.json()).gallery || []).length > 0);
+			} catch (e) {
+				console.error("Failed to fetch Gravatar gallery:", e);
+			}
+			z(!0);
+		}
+	}, ye = async (e) => {
+		e.preventDefault(), e.stopPropagation(), W && await ve(), C({
+			x: e.clientX,
+			y: e.clientY
+		}), x(!0);
+	}, be = async (e) => {
+		e.stopPropagation(), W && await ve();
+		let t = B.current?.getBoundingClientRect();
+		t && C({
+			x: t.right,
+			y: t.bottom + 2
+		}), x(!0);
+	}, Q = () => {
+		x(!1), C(null);
+	}, xe = (e) => {
+		if (W || G) return;
+		let t = e.touches[0];
+		H.current = {
+			x: t.clientX,
+			y: t.clientY
+		}, V.current = setTimeout(() => {
+			C({
+				x: t.clientX,
+				y: t.clientY
+			}), x(!0);
+		}, 500);
+	}, Se = () => {
+		V.current &&= (clearTimeout(V.current), null);
+	}, Ce = (e) => {
+		if (!H.current) return;
+		let t = e.touches[0], n = t.clientX - H.current.x, r = t.clientY - H.current.y;
+		(Math.abs(n) > 10 || Math.abs(r) > 10) && (V.current &&= (clearTimeout(V.current), null));
+	}, we = () => {
+		D(Y), P(null), T(!0), Q();
+	}, Te = () => {
+		T(!1), D(""), P(null);
+	}, Ee = async () => {
+		if (!d) return;
+		let e = E.trim();
+		if (!e) {
+			P("Message cannot be empty");
+			return;
+		}
+		if (e.length > 2e3) {
+			P("Message exceeds 2000 characters");
+			return;
+		}
+		try {
+			await d(U.id, e), T(!1), D(""), P(null);
+		} catch {
+			P("Failed to edit message");
+		}
+	}, De = U.edited_at || U.created_at, Oe = U.edited_at ? "Edited: " : "", ke = Ue(De);
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ M("div", {
+			className: [
+				"message-item",
+				W ? "message-item--own" : "message-item--other",
+				le ? "message-item--has-image" : "",
+				de ? "message-item--image" : "",
+				G ? "message-item--deleted" : ""
+			].filter(Boolean).join(" "),
+			onContextMenu: !G && _e ? ye : void 0,
+			onTouchStart: xe,
+			onTouchEnd: Se,
+			onTouchMove: Ce,
+			children: [
+				W && !G && /* @__PURE__ */ j($, {
+					displayName: J,
+					avatarUrl: ce
+				}),
+				!W && /* @__PURE__ */ j("div", {
+					className: "message-item__avatar-column",
+					children: /* @__PURE__ */ j($, {
+						displayName: J,
+						avatarUrl: ce
+					})
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "message-item__bubble-wrap",
+					children: [/* @__PURE__ */ M("div", {
+						className: "message-item__name-row",
+						children: [
+							!W && !G && /* @__PURE__ */ j("span", {
+								className: `message-item__author${se ? " message-item__author--mod" : ""}`,
+								children: J
+							}),
+							/* @__PURE__ */ M("span", {
+								className: "message-item__time",
+								children: [Oe, ke]
+							}),
+							_e && /* @__PURE__ */ j("button", {
+								ref: B,
+								className: "message-item__kebab-btn",
+								onClick: be,
+								"aria-label": "Message actions",
+								children: "⋮"
+							})
+						]
+					}), G ? /* @__PURE__ */ j("div", {
+						className: "message-item__bubble",
+						children: "Message removed"
+					}) : w ? /* @__PURE__ */ j(nt, {
+						editContent: E,
+						editError: N,
+						onChange: D,
+						onSave: Ee,
+						onCancel: Te
+					}) : de && ue ? /* @__PURE__ */ j("div", {
+						className: "message-item__bare-image-wrap",
+						children: /* @__PURE__ */ j(qe, {
+							url: ue,
+							bare: !0
+						})
+					}) : /* @__PURE__ */ M("div", {
+						className: "message-item__bubble",
+						children: [U.reply_excerpt && /* @__PURE__ */ j("div", {
+							className: "message-reply-bubble",
+							children: /* @__PURE__ */ M("div", {
+								className: "message-reply-bubble__text",
+								children: [/* @__PURE__ */ j("div", {
+									className: "message-reply-bubble__author",
+									children: U.reply_author_name
+								}), /* @__PURE__ */ j("div", {
+									className: "message-reply-bubble__excerpt",
+									children: U.reply_excerpt
+								})]
+							})
+						}), /* @__PURE__ */ j(et, {
+							content: X,
+							stickers: n,
+							currentUserId: r
+						})]
+					})]
+				})
+			]
+		}),
+		b && S && !G && _e && /* @__PURE__ */ j(Be, {
+			position: S,
+			onClose: Q,
+			showAvatarOptions: W,
+			hasGalleryImages: ee,
+			onSelectGravatarPhoto: () => {
+				Q(), I(!0);
+			},
+			onUseDefaultGravatar: async () => {
+				try {
+					let e = o();
+					if (!(await fetch(`/api/chat/${a}/me/avatar/preference`, {
+						method: "PATCH",
+						headers: {
+							"Content-Type": "application/json",
+							...e ? { Authorization: `Bearer ${e}` } : {}
+						},
+						body: JSON.stringify({ preference: "default" })
+					})).ok) throw Error("Failed to update avatar preference");
+					Q();
+				} catch (e) {
+					console.error("Failed to set default Gravatar:", e), alert("Failed to update avatar. Please try again.");
+				}
+			},
+			onUseInitials: async () => {
+				try {
+					let e = o();
+					if (!(await fetch(`/api/chat/${a}/me/avatar/preference`, {
+						method: "PATCH",
+						headers: {
+							"Content-Type": "application/json",
+							...e ? { Authorization: `Bearer ${e}` } : {}
+						},
+						body: JSON.stringify({ preference: null })
+					})).ok) throw Error("Failed to update avatar preference");
+					Q();
+				} catch (e) {
+					console.error("Failed to clear avatar:", e), alert("Failed to update avatar. Please try again.");
+				}
+			},
+			showReply: ge,
+			showEdit: fe,
+			showDelete: pe,
+			showReport: he,
+			showBan: me,
+			onReply: () => {
+				Q(), u(U.id, J, Y);
+			},
+			onEdit: we,
+			onDelete: () => {
+				Q(), s(U.id);
+			},
+			onReport: () => {
+				Q(), _(!0);
+			},
+			onBan: () => {
+				Q(), y(!0);
+			}
+		}),
+		F && /* @__PURE__ */ j(He, {
+			stationSlug: a,
+			getToken: o,
+			onClose: () => I(!1),
+			onSelect: async (e, t) => {
+				try {
+					let t = o(), n = e.startsWith("https://") ? {
+						preference: "gravatar",
+						avatarUrl: e
+					} : {
+						preference: "gravatar",
+						style: e.split("d=")[1]?.split("&")[0]
+					};
+					if (!(await fetch(`/api/chat/${a}/me/avatar/preference`, {
+						method: "PATCH",
+						headers: {
+							"Content-Type": "application/json",
+							...t ? { Authorization: `Bearer ${t}` } : {}
+						},
+						body: JSON.stringify(n)
+					})).ok) throw Error("Failed to update avatar preference");
+					I(!1);
+				} catch (e) {
+					throw console.error("Failed to select avatar:", e), e;
+				}
+			},
+			currentAvatarUrl: ce
+		}),
+		h && /* @__PURE__ */ j(Re, {
+			messageId: U.id,
+			authorName: J,
+			onReport: l,
+			onClose: () => _(!1)
+		}),
+		v && /* @__PURE__ */ j(g, {
+			userId: K,
+			displayName: J,
+			onBan: c,
+			onClose: () => y(!1)
+		})
+	] });
+}
+//#endregion
+//#region src/components/MessageList.tsx
+function it({ messages: e, optimistic: t, stickers: n, currentUserId: r, currentUserPermissions: i, stationSlug: a, getToken: o, loadingInitial: s, loadingOlder: c, hasOlderMessages: l, retentionCutoff: u, onLoadOlder: d, onEdit: f, onDelete: p, onBan: m, onReport: h, onReply: g, onRetry: _, getUserInfo: v, getAvatarForMessage: y }) {
+	let b = O(null), [x, S] = k(!0), [C, w] = k(!1), T = O(!0);
+	E(() => {
+		x && !T.current && b.current && b.current.scrollTo({
+			top: b.current.scrollHeight,
+			behavior: "smooth"
+		});
+	}, [
+		e.length,
+		t.length,
+		x
+	]), E(() => {
+		!s && e.length > 0 && T.current && requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				b.current && (b.current.scrollTop = b.current.scrollHeight, T.current = !1);
+			});
+		});
+	}, [s, e.length]);
+	function D() {
+		let e = b.current;
+		if (!e) return;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight < 80;
+		S(t), w(!t);
+	}
+	function A() {
+		b.current?.scrollTo({
+			top: b.current.scrollHeight,
+			behavior: "smooth"
+		}), S(!0), w(!1);
+	}
+	let N = [...e.map((e) => ({
+		kind: "server",
+		msg: e
+	})), ...t.map((e) => ({
+		kind: "optimistic",
+		msg: e
+	}))], P = !l && u !== null, F = u ? new Date(u).toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}) : null;
+	return s ? /* @__PURE__ */ j("div", {
+		className: "message-list-container",
+		children: /* @__PURE__ */ M("div", {
+			className: "messages-empty",
+			children: [/* @__PURE__ */ j("span", { className: "connection-spinner" }), " Loading messages…"]
+		})
+	}) : /* @__PURE__ */ M("div", {
+		className: "message-list-container",
+		children: [
+			l && /* @__PURE__ */ j("div", {
+				className: "load-older-btn",
+				children: /* @__PURE__ */ j("button", {
+					onClick: d,
+					disabled: c,
+					children: c ? "Loading…" : "↑ Load older messages"
+				})
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "message-list",
+				ref: b,
+				onScroll: D,
+				children: [
+					P && F && /* @__PURE__ */ M("div", {
+						className: "retention-boundary",
+						children: [
+							"Chat history before ",
+							F,
+							" is not available on this plan."
+						]
+					}),
+					N.length === 0 && !P && /* @__PURE__ */ j("div", {
+						className: "messages-empty",
+						children: "No messages yet. Be the first to say something! 👋"
+					}),
+					N.map((e) => /* @__PURE__ */ j(rt, {
+						item: e,
+						stickers: n,
+						currentUserId: r,
+						currentUserPermissions: i,
+						stationSlug: a,
+						getToken: o,
+						onEdit: f,
+						onDelete: p,
+						onBan: m,
+						onReport: h,
+						onReply: g,
+						onRetry: _,
+						getUserInfo: v,
+						getAvatarForMessage: y
+					}, e.kind === "server" ? e.msg.id : `opt-${e.msg.clientId}`))
+				]
+			}),
+			C && /* @__PURE__ */ j("button", {
+				className: "scroll-to-bottom",
+				onClick: A,
+				title: "Scroll to latest",
+				children: "↓"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/useStickerPicker.ts
+function at({ isConnected: e, stationSlug: t, onRefreshStickers: n }) {
+	let [r, i] = k(!1), [a, o] = k(!1), [s, c] = k(null), l = O(null), u = O(null), d = w(() => i(!1), []), f = w(() => {
+		e && i((e) => !e);
+	}, [e]);
+	return E(() => {
+		if (!r) return;
+		async function e() {
+			if (n) {
+				o(!0), c(null);
+				try {
+					await n();
+				} catch {
+					c("Could not load stickers right now.");
+				} finally {
+					o(!1);
+				}
+			}
+		}
+		e().catch(() => void 0);
+	}, [
+		r,
+		n,
+		t
+	]), E(() => {
+		if (!r) return;
+		let e = (e) => {
+			e.key === "Escape" && d();
+		}, t = (e) => {
+			let t = e.target;
+			if (!t) return;
+			let n = l.current?.contains(t) ?? !1, r = u.current?.contains(t) ?? !1;
+			!n && !r && d();
+		};
+		return document.addEventListener("keydown", e), document.addEventListener("mousedown", t), () => {
+			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t);
+		};
+	}, [r, d]), E(() => {
+		!e && r && d();
+	}, [
+		e,
+		r,
+		d
+	]), {
+		pickerOpen: r,
+		pickerLoading: a,
+		pickerError: s,
+		pickerRef: l,
+		stickerBtnRef: u,
+		closePicker: d,
+		togglePicker: f
+	};
+}
+//#endregion
+//#region src/hooks/useMentionSuggestions.ts
+function ot(e, t, n, r, i, a, o) {
+	let [s, c] = k(-1), [l, u] = k(!1), d = i ? pe(n, i.query, r) : [];
+	E(() => {
+		c(-1), u(!1);
+	}, [i?.query]);
+	let f = !a && !!i && d.length > 0 && !l, p = D(() => {
+		if (n.length === 0) return;
+		let e = n.reduce((e, t) => Math.max(e, t.displayName.length), 0);
+		return Math.min(320, Math.max(120, e * 8 + 52));
+	}, [n]);
+	function m(n) {
+		let r = he(e, i?.start ?? t, i?.end ?? t, n);
+		o(r.nextText, r.caretPosition);
+	}
+	return {
+		mentionSuggestions: d,
+		mentionHighlight: s,
+		setMentionHighlight: c,
+		mentionStripDismissed: l,
+		setMentionStripDismissed: u,
+		mentionStripVisible: f,
+		mentionStripWidth: p,
+		insertMention: m
+	};
+}
+//#endregion
+//#region src/components/StickerPickerDialog.tsx
+function st(e) {
+	return e.replace(/\.[^.]+$/, "").replace(/[-_]+/g, " ") || "Sticker";
+}
+function ct({ pickerRef: e, pickerLoading: t, pickerError: n, pickerStickers: r, onClose: i, onInsert: a }) {
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		className: "sticker-picker__overlay",
+		onClick: i
+	}), /* @__PURE__ */ M("div", {
+		className: "sticker-picker",
+		ref: e,
+		role: "dialog",
+		"aria-label": "Sticker picker",
+		children: [/* @__PURE__ */ M("div", {
+			className: "sticker-picker__header",
+			children: [/* @__PURE__ */ j("span", { children: "Stickers" }), /* @__PURE__ */ j("button", {
+				type: "button",
+				className: "btn btn--icon sticker-picker__close",
+				onClick: i,
+				"aria-label": "Close sticker picker",
+				title: "Close",
+				children: "✕"
+			})]
+		}), /* @__PURE__ */ M("div", {
+			className: "sticker-picker__body",
+			children: [
+				t && /* @__PURE__ */ j("div", {
+					className: "sticker-picker__state",
+					children: "Loading stickers…"
+				}),
+				!t && n && /* @__PURE__ */ j("div", {
+					className: "sticker-picker__state",
+					children: n
+				}),
+				!t && !n && r.length === 0 && /* @__PURE__ */ j("div", {
+					className: "sticker-picker__state",
+					children: "No stickers are available yet. Ask a station admin to upload them in the sticker manager."
+				}),
+				!t && !n && r.length > 0 && /* @__PURE__ */ j("div", {
+					className: "sticker-picker__grid",
+					children: r.map((e) => /* @__PURE__ */ M("button", {
+						type: "button",
+						className: "sticker-picker__item",
+						onClick: () => a(e),
+						title: `:${e.shortcode}:`,
+						"aria-label": `Insert sticker ${st(e.filename)}`,
+						children: [/* @__PURE__ */ j("img", {
+							src: e.url,
+							alt: st(e.filename),
+							loading: "lazy"
+						}), /* @__PURE__ */ M("span", {
+							className: "sticker-picker__item-label",
+							children: [
+								":",
+								e.shortcode,
+								":"
+							]
+						})]
+					}, e.filename))
+				})
+			]
+		})]
+	})] });
+}
+//#endregion
+//#region src/components/MessageInput.tsx
+function lt({ onSend: e, connectionStatus: t, canPost: n, onRequestAuth: r, stationSlug: i, getToken: a, stickers: o, onRefreshStickers: s, replyingTo: c, onCancelReply: l, onlineUsers: u = [], currentUserId: d }) {
+	let [f, p] = k(""), [m, h] = k(0), g = O(null), _ = t === "connected", { pickerOpen: v, pickerLoading: y, pickerError: b, pickerRef: x, stickerBtnRef: S, closePicker: C, togglePicker: w } = at({
+		isConnected: _,
+		stationSlug: i,
+		onRefreshStickers: s
+	}), T = ge(f, m), D = T ? ve(o, T.query) : [], A = o.filter((e) => !!e.shortcode);
+	function N(e, t) {
+		p(e), C(), requestAnimationFrame(() => {
+			let e = g.current;
+			e && (e.focus(), e.setSelectionRange(t, t), h(t), e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 120)}px`);
+		});
+	}
+	let { mentionSuggestions: P, mentionHighlight: F, setMentionHighlight: I, setMentionStripDismissed: ee, mentionStripVisible: L, mentionStripWidth: R, insertMention: z } = ot(f, m, u, d, fe(f, m), v, N);
+	function B() {
+		let t = f.trim();
+		if (!(!t || !_)) {
+			if (!n) {
+				r(), p(""), g.current && (g.current.style.height = "auto");
+				return;
+			}
+			e(t), p(""), g.current && (g.current.style.height = "auto");
+		}
+	}
+	function V(e) {
+		if (L) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), I((e) => (e + 1) % P.length);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), I((e) => e <= 0 ? P.length - 1 : e - 1);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), I(-1), ee(!0);
+				return;
+			}
+			if (e.key === "Enter" && F >= 0) {
+				e.preventDefault(), z(P[F]);
+				return;
+			}
+		}
+		if (e.key === "Tab" && P.length === 1) {
+			e.preventDefault(), z(P[0]);
+			return;
+		}
+		if (e.key === " ") {
+			let t = me(f, m, u, d);
+			if (t) {
+				e.preventDefault();
+				let n = he(f, t.start, t.end, t.user);
+				N(n.nextText, n.caretPosition);
+				return;
+			}
+		}
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), B());
+	}
+	function H() {
+		let e = g.current;
+		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 120)}px`);
+	}
+	function te(e) {
+		let t = g.current, n = e.shortcode ? `:${e.shortcode}: ` : `${e.url} `;
+		if (!t) {
+			let e = `${f}${n}`;
+			N(e, e.length);
+			return;
+		}
+		let r = t.selectionStart ?? f.length, i = t.selectionEnd ?? f.length;
+		N(`${f.slice(0, r)}${n}${f.slice(i)}`, r + n.length);
+	}
+	function ne(e) {
+		let t = g.current, n = _e(f, T?.start ?? t?.selectionStart ?? f.length, T?.end ?? t?.selectionEnd ?? f.length, e);
+		N(n.nextText, n.caretPosition);
+	}
+	E(() => {
+		let e = (e) => {
+			e.key === "Escape" && c && !v && l();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		c,
+		v,
+		l
+	]), E(() => {
+		c && g.current && g.current.focus();
+	}, [c]);
+	let re = _ ? "Message…" : "Connecting…";
+	return /* @__PURE__ */ M("div", {
+		className: "message-input-container",
+		children: [c && /* @__PURE__ */ M("div", {
+			className: "reply-preview",
+			children: [/* @__PURE__ */ M("div", {
+				className: "reply-preview__content",
+				children: [/* @__PURE__ */ j("div", { className: "reply-preview__line" }), /* @__PURE__ */ M("div", {
+					className: "reply-preview__text",
+					children: [/* @__PURE__ */ j("div", {
+						className: "reply-preview__author",
+						children: c.authorName
+					}), /* @__PURE__ */ j("div", {
+						className: "reply-preview__excerpt",
+						children: c.excerpt
+					})]
+				})]
+			}), /* @__PURE__ */ j("button", {
+				type: "button",
+				className: "reply-preview__cancel",
+				onClick: l,
+				"aria-label": "Cancel reply",
+				title: "Cancel reply (Esc)",
+				children: "✕"
+			})]
+		}), /* @__PURE__ */ M("div", {
+			className: "message-input-bar",
+			children: [
+				/* @__PURE__ */ j("button", {
+					type: "button",
+					ref: S,
+					className: "sticker-btn",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: w,
+					disabled: !_,
+					title: "Open sticker picker",
+					"aria-label": "Open sticker picker",
+					children: "☺"
+				}),
+				/* @__PURE__ */ j("textarea", {
+					ref: g,
+					className: "message-input",
+					value: f,
+					onChange: (e) => {
+						p(e.target.value), h(e.target.selectionStart ?? e.target.value.length);
+					},
+					onKeyDown: V,
+					onInput: H,
+					onClick: (e) => h(e.currentTarget.selectionStart ?? f.length),
+					onKeyUp: (e) => h(e.currentTarget.selectionStart ?? f.length),
+					onSelect: (e) => h(e.currentTarget.selectionStart ?? f.length),
+					placeholder: re,
+					disabled: !_,
+					rows: 1,
+					maxLength: 2e3
+				}),
+				/* @__PURE__ */ j("button", {
+					type: "button",
+					className: "send-btn",
+					onClick: B,
+					disabled: !_ || !f.trim(),
+					title: "Send (Enter)",
+					"aria-label": "Send message",
+					children: "↑"
+				}),
+				L && /* @__PURE__ */ j("div", {
+					className: "mention-suggestions",
+					role: "listbox",
+					"aria-label": "Mention suggestions",
+					style: R ? { width: R } : void 0,
+					children: P.map((e, t) => /* @__PURE__ */ M("button", {
+						type: "button",
+						className: `mention-suggestions__item${t === F ? " mention-suggestions__item--highlighted" : ""}`,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => z(e),
+						children: [/* @__PURE__ */ j("span", {
+							className: "mention-suggestions__at",
+							children: "@"
+						}), /* @__PURE__ */ j("span", {
+							className: "mention-suggestions__name",
+							children: e.displayName
+						})]
+					}, e.id))
+				}),
+				!v && T && D.length > 0 && /* @__PURE__ */ j("div", {
+					className: "sticker-suggestions",
+					role: "listbox",
+					"aria-label": "Sticker shortcode suggestions",
+					children: D.map((e) => /* @__PURE__ */ M("button", {
+						type: "button",
+						className: "sticker-suggestions__item",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => ne(e.shortcode),
+						children: [/* @__PURE__ */ j("img", {
+							src: e.url,
+							alt: e.shortcode ?? "",
+							loading: "lazy"
+						}), /* @__PURE__ */ M("span", {
+							className: "sticker-suggestions__code",
+							children: [
+								":",
+								e.shortcode,
+								":"
+							]
+						})]
+					}, e.filename))
+				}),
+				v && /* @__PURE__ */ j(ct, {
+					pickerRef: x,
+					pickerLoading: y,
+					pickerError: b,
+					pickerStickers: A,
+					onClose: C,
+					onInsert: te
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/UserList.tsx
+function ut(e) {
+	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+function dt({ users: e, currentUserId: t, style: n }) {
+	return /* @__PURE__ */ M("div", {
+		className: "user-list",
+		style: n,
+		children: [/* @__PURE__ */ M("div", {
+			className: "user-list__title",
+			children: ["Online — ", e.length]
+		}), e.map((e) => /* @__PURE__ */ M("div", {
+			className: "user-list__item",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "user-list__avatar",
+					children: ut(e.displayName)
+				}),
+				/* @__PURE__ */ j("span", {
+					className: "user-list__name",
+					children: e.displayName
+				}),
+				e.id === t && /* @__PURE__ */ j("span", {
+					className: "user-list__self-badge",
+					children: "you"
+				})
+			]
+		}, e.id))]
+	});
+}
+//#endregion
+//#region src/components/ConnectionStatus.tsx
+var ft = {
+	disconnected: "Disconnected — check your connection",
+	connecting: "Connecting…",
+	reconnecting: "Reconnecting…",
+	connected: ""
+};
+function pt({ status: e }) {
+	return e === "connected" ? null : /* @__PURE__ */ M("div", {
+		className: `connection-status connection-status--${e}`,
+		children: [(e === "connecting" || e === "reconnecting") && /* @__PURE__ */ j("span", { className: "connection-spinner" }), ft[e]]
+	});
+}
+//#endregion
+//#region src/components/ChatNameEditor.tsx
+function mt({ stationSlug: e, initialChatName: t, getToken: n, onUpdated: r }) {
+	let [i, a] = k(t), [o, s] = k(!1), [c, l] = k(""), [u, d] = k(!1), [f, p] = k(null), m = O(null), h = O(new b("", n)).current;
+	E(() => {
+		o || a(t);
+	}, [t]);
+	let g = w(() => {
+		l(i ?? ""), p(null), s(!0), setTimeout(() => m.current?.focus(), 0);
+	}, [i]), _ = w(() => {
+		s(!1), p(null);
+	}, []), v = w(async () => {
+		let t = c.trim();
+		if (t.length > 40) {
+			p("Name must be 40 characters or fewer");
+			return;
+		}
+		d(!0), p(null);
+		try {
+			let n = await h.updateChatName(e, t.length === 0 ? null : t);
+			a(n.chatName), s(!1), r?.(n.chatName, n.displayName);
+		} catch (e) {
+			p(e?.message ?? "Failed to save chat name");
+		} finally {
+			d(!1);
+		}
+	}, [
+		h,
+		c,
+		e,
+		r
+	]), y = w((e) => {
+		e.key === "Enter" && v(), e.key === "Escape" && _();
+	}, [v, _]);
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("button", {
+		className: "btn btn--ghost chat-name-btn",
+		onClick: g,
+		title: i ? "Change your display name" : "Set your display name",
+		"aria-label": i ? `Display name: ${i}. Click to change.` : "Set your display name",
+		children: /* @__PURE__ */ j("span", {
+			className: "chat-name-btn__label",
+			children: i ?? "Set name"
+		})
+	}), o && /* @__PURE__ */ j("div", {
+		className: "modal-overlay",
+		onClick: _,
+		children: /* @__PURE__ */ M("div", {
+			className: "modal",
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "modal__title",
+					children: i ? "Change display name" : "Set display name"
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "modal__body",
+					children: [
+						/* @__PURE__ */ j("p", { children: "This is how other listeners will see you in chat." }),
+						/* @__PURE__ */ j("input", {
+							ref: m,
+							type: "text",
+							value: c,
+							maxLength: 40,
+							placeholder: "Your chat name (max 40 characters)",
+							onChange: (e) => l(e.target.value),
+							onKeyDown: y,
+							disabled: u,
+							"aria-label": "Chat display name"
+						}),
+						f && /* @__PURE__ */ j("p", {
+							style: {
+								color: "var(--color-danger)",
+								fontSize: "var(--font-size-xs)",
+								marginTop: "var(--spacing-xs)"
+							},
+							children: f
+						})
+					]
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "modal__footer",
+					children: [/* @__PURE__ */ j("button", {
+						className: "btn btn--ghost",
+						onClick: _,
+						disabled: u,
+						children: "Cancel"
+					}), /* @__PURE__ */ j("button", {
+						className: "btn btn--primary",
+						onClick: v,
+						disabled: u,
+						style: { width: "auto" },
+						children: u ? "…" : "Save"
+					})]
+				})
+			]
+		})
+	})] });
+}
+//#endregion
+//#region src/components/UserListModal.tsx
+function ht(e) {
+	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+function gt({ users: e, currentUserId: t, onClose: n }) {
+	let r = w((e) => {
+		e.key === "Escape" && n();
+	}, [n]);
+	return E(() => (document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r)), [r]), /* @__PURE__ */ j("div", {
+		className: "modal-overlay",
+		onClick: n,
+		children: /* @__PURE__ */ M("div", {
+			className: "modal user-list-modal",
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ M("div", {
+				className: "modal__title user-list-modal__header",
+				children: [/* @__PURE__ */ M("span", { children: ["Online — ", e.length] }), /* @__PURE__ */ j("button", {
+					className: "btn btn--icon user-list-modal__close",
+					onClick: n,
+					"aria-label": "Close",
+					title: "Close",
+					children: "✕"
+				})]
+			}), /* @__PURE__ */ j("div", {
+				className: "modal__body user-list-modal__body",
+				children: e.length === 0 ? /* @__PURE__ */ j("p", {
+					style: { color: "var(--color-text-muted)" },
+					children: "No listeners online."
+				}) : e.map((e) => /* @__PURE__ */ M("div", {
+					className: "user-list__item user-list-modal__item",
+					children: [
+						/* @__PURE__ */ j("div", {
+							className: "user-list__avatar",
+							children: ht(e.displayName)
+						}),
+						/* @__PURE__ */ j("span", {
+							className: "user-list__name",
+							children: e.displayName
+						}),
+						e.id === t && /* @__PURE__ */ j("span", {
+							className: "user-list__self-badge",
+							children: "you"
+						})
+					]
+				}, e.id))
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/OTPCodeInput.tsx
+function _t({ email: e, pendingId: t, onVerify: n, onResend: r, onChangeEmail: i, isSubmitting: a, error: o }) {
+	let [s, c] = k(""), [l, u] = k(30), [d, f] = k(!1), p = O(null);
+	E(() => {
+		p.current?.focus();
+	}, []), E(() => {
+		if (l > 0) {
+			let e = setTimeout(() => u(l - 1), 1e3);
+			return () => clearTimeout(e);
+		}
+	}, [l]), E(() => {
+		s.length === 6 && !a && h();
+	}, [s]);
+	function m(e) {
+		c(e.replace(/\D/g, "").slice(0, 6));
+	}
+	async function h() {
+		s.length !== 6 || a || await n(s);
+	}
+	async function g() {
+		if (!(l > 0 || d)) {
+			f(!0);
+			try {
+				await r(), u(30), c("");
+			} finally {
+				f(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ M("div", {
+		className: "otp-code-input",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "otp-code-input__icon",
+				children: "🔑"
+			}),
+			/* @__PURE__ */ j("h2", {
+				className: "otp-code-input__title",
+				children: "Enter verification code"
+			}),
+			/* @__PURE__ */ M("p", {
+				className: "otp-code-input__hint",
+				children: ["We sent a 6-digit code to ", /* @__PURE__ */ j("strong", { children: e })]
+			}),
+			/* @__PURE__ */ j("input", {
+				ref: p,
+				type: "text",
+				inputMode: "numeric",
+				pattern: "[0-9]*",
+				className: "otp-code-input__field",
+				placeholder: "000000",
+				value: s,
+				onChange: (e) => m(e.target.value),
+				disabled: a,
+				autoComplete: "one-time-code",
+				maxLength: 6
+			}),
+			o && /* @__PURE__ */ j("div", {
+				className: "otp-code-input__error",
+				children: o
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "otp-code-input__actions",
+				children: [/* @__PURE__ */ j("button", {
+					type: "button",
+					className: "btn btn--ghost btn--small",
+					onClick: i,
+					disabled: a || d,
+					children: "Use different email"
+				}), /* @__PURE__ */ j("button", {
+					type: "button",
+					className: "btn btn--ghost btn--small",
+					onClick: g,
+					disabled: l > 0 || d,
+					children: d ? "Sending…" : l > 0 ? `Resend (${l}s)` : "Resend code"
+				})]
+			}),
+			s.length === 6 && /* @__PURE__ */ j("p", {
+				className: "otp-code-input__auto-submit",
+				children: "Verifying..."
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/AuthModal.tsx
+function vt({ isOpen: e, onClose: t, onRequestCode: n, onVerifyCode: r, stationSlug: i, error: a }) {
+	let [o, s] = k(""), [c, l] = k(!1), [u, d] = k(null), [f, p] = k(null), m = O(null);
+	E(() => {
+		e || (s(""), l(!1), d(null), p(null));
+	}, [e]), E(() => {
+		e && !u && m.current?.focus();
+	}, [e, u]), E(() => {
+		if (!e) return;
+		function t(e) {
+			e.key === "Escape" && y();
+		}
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [e]);
+	async function h() {
+		if (!(!o.trim() || c)) {
+			l(!0), p(null);
+			try {
+				d((await n(o)).pendingId);
+			} catch {} finally {
+				l(!1);
+			}
+		}
+	}
+	async function g(e) {
+		if (u) {
+			l(!0), p(null);
+			try {
+				await r(u, e);
+			} catch (e) {
+				p(e?.message ?? "Invalid or expired code");
+			} finally {
+				l(!1);
+			}
+		}
+	}
+	async function _() {
+		o.trim() && (p(null), d((await n(o)).pendingId));
+	}
+	function v() {
+		d(null), p(null), s("");
+	}
+	function y() {
+		c || (console.log("[AuthModal] handleClose called"), t());
+	}
+	function b(e) {
+		e.key === "Enter" && o.trim() && !c && (e.preventDefault(), h());
+	}
+	return e ? u ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		className: "modal-overlay",
+		onClick: y
+	}), /* @__PURE__ */ j("div", {
+		className: "auth-modal",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "auth-modal-title",
+		children: /* @__PURE__ */ M("div", {
+			className: "auth-modal__content",
+			children: [/* @__PURE__ */ j("button", {
+				type: "button",
+				className: "auth-modal__close-x",
+				onClick: y,
+				"aria-label": "Close",
+				title: "Close",
+				children: "✕"
+			}), /* @__PURE__ */ j(_t, {
+				email: o,
+				pendingId: u,
+				onVerify: g,
+				onResend: _,
+				onChangeEmail: v,
+				isSubmitting: c,
+				error: f
+			})]
+		})
+	})] }) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
+		className: "modal-overlay",
+		onClick: y
+	}), /* @__PURE__ */ j("div", {
+		className: "auth-modal",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "auth-modal-title",
+		children: /* @__PURE__ */ M("div", {
+			className: "auth-modal__content",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "auth-modal__icon",
+					children: "🔒"
+				}),
+				/* @__PURE__ */ j("h2", {
+					id: "auth-modal-title",
+					className: "auth-modal__title",
+					children: "Sign in to post messages"
+				}),
+				/* @__PURE__ */ j("input", {
+					ref: m,
+					type: "email",
+					className: "auth-modal__input",
+					placeholder: "your@email.com",
+					value: o,
+					onChange: (e) => s(e.target.value),
+					onKeyDown: b,
+					disabled: c,
+					autoComplete: "email"
+				}),
+				a && /* @__PURE__ */ j("div", {
+					className: "auth-modal__error",
+					children: a
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "auth-modal__buttons",
+					children: [/* @__PURE__ */ j("button", {
+						type: "button",
+						className: "btn btn--ghost",
+						onClick: y,
+						disabled: c,
+						children: "Cancel"
+					}), /* @__PURE__ */ j("button", {
+						type: "button",
+						className: "btn btn--primary",
+						onClick: h,
+						disabled: !o.trim() || c,
+						children: c ? "Sending…" : "Continue"
+					})]
+				})
+			]
+		})
+	})] }) : null;
+}
+//#endregion
+//#region src/components/AudioNotification.tsx
+function yt({ onMention: e, onChannel: t, mentionSoundUrl: n, channelSoundUrl: r }) {
+	let i = O(null), a = O(null), o = O(null), s = O(n), c = O(r);
+	E(() => {
+		s.current = n;
+	}, [n]), E(() => {
+		c.current = r;
+	}, [r]), E(() => {
+		function e() {
+			t();
+			let e = new AudioContext();
+			i.current = e, e.resume().then(() => {
+				if (e.state !== "running") return;
+				let t = e.createBuffer(1, 1, e.sampleRate), n = e.createBufferSource();
+				n.buffer = t, n.connect(e.destination), n.start(0);
+				let r = [];
+				s.current && r.push(fetch(s.current).then((e) => e.arrayBuffer()).then((t) => e.decodeAudioData(t)).then((e) => {
+					a.current = e;
+				}).catch(() => {})), c.current && r.push(fetch(c.current).then((e) => e.arrayBuffer()).then((t) => e.decodeAudioData(t)).then((e) => {
+					o.current = e;
+				}).catch(() => {})), Promise.all(r);
+			}).catch(() => {});
+		}
+		function t() {
+			document.removeEventListener("mousedown", e, !0), document.removeEventListener("touchstart", e, !0), document.removeEventListener("touchend", e, !0), document.removeEventListener("keydown", e, !0);
+		}
+		return document.addEventListener("mousedown", e, !0), document.addEventListener("touchstart", e, !0), document.addEventListener("touchend", e, !0), document.addEventListener("keydown", e, !0), t;
+	}, []);
+	async function l() {
+		let e = i.current;
+		if (!e) return null;
+		if (e.state !== "running") try {
+			await e.resume();
+		} catch {
+			return null;
+		}
+		return e.state === "running" ? e : null;
+	}
+	async function u() {
+		let e = await l();
+		if (!e || !a.current) return;
+		let t = e.createBufferSource();
+		t.buffer = a.current, t.connect(e.destination), t.start(0);
+	}
+	async function d() {
+		let e = await l();
+		if (!e || !o.current) return;
+		let t = e.createBufferSource();
+		t.buffer = o.current, t.connect(e.destination), t.start(0);
+	}
+	return E(() => {
+		e(u);
+	}, [e]), E(() => {
+		t(d);
+	}, [t]), null;
+}
+//#endregion
+//#region src/components/MuteToggle.tsx
+function bt() {
+	let { isMuted: e, setIsMuted: t } = le();
+	return /* @__PURE__ */ j("button", {
+		className: "mute-toggle",
+		onClick: () => {
+			let n = !e;
+			t(n);
+			let r = n ? "Notifications muted" : "Notifications unmuted", i = document.createElement("div");
+			i.setAttribute("role", "status"), i.setAttribute("aria-live", "polite"), i.className = "sr-only", i.textContent = r, document.body.appendChild(i), setTimeout(() => document.body.removeChild(i), 1e3);
+		},
+		"aria-label": e ? "Unmute notifications" : "Mute notifications",
+		title: e ? "Unmute notifications" : "Mute notifications",
+		type: "button",
+		children: j(e ? Fe : Pe, {
+			className: "mute-toggle__icon",
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
+//#region src/components/PaneDivider.tsx
+function xt({ onResize: e, containerRef: t, minWidth: n = 120, maxFraction: r = .5 }) {
+	let i = O(!1), a = w((a) => {
+		i.current = !0, document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
+		let o = (a) => {
+			if (!i.current || !t.current) return;
+			let o = t.current.getBoundingClientRect(), s = o.width * r, c = o.right - a;
+			e(Math.min(s, Math.max(n, c)));
+		}, s = (e) => o(e.clientX), c = (e) => {
+			e.touches.length > 0 && o(e.touches[0].clientX);
+		}, l = () => {
+			i.current = !1, document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), document.removeEventListener("touchmove", c), document.removeEventListener("touchend", l);
+		};
+		document.addEventListener("mousemove", s), document.addEventListener("mouseup", l), document.addEventListener("touchmove", c, { passive: !0 }), document.addEventListener("touchend", l);
+	}, [
+		t,
+		n,
+		r,
+		e
+	]);
+	return /* @__PURE__ */ j("div", {
+		className: "pane-divider",
+		onMouseDown: w((e) => {
+			e.preventDefault(), a(e.clientX);
+		}, [a]),
+		onTouchStart: w((e) => {
+			e.touches.length > 0 && a(e.touches[0].clientX);
+		}, [a]),
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+//#region src/components/ChatWindow.tsx
+var St = "relaya_sidebar_width", Ct = 768, wt = 220;
+function Tt({ auth: n, showBranding: r = !0, serverUrl: i, hideSignOut: a = !1, hideAdmin: o = !1 }) {
+	let { user: s, station: c, stationSlug: l, getToken: u } = n, [d, f] = k(s?.chatName ?? null), [p, m] = k(!1), [h, g] = k(!1), [_, v] = k(null), [y, x] = k([]), [S, C] = k({
+		mentionSoundUrl: null,
+		channelSoundUrl: null
+	}), T = O(new b("", u)), A = O(null), [N, P] = k(() => typeof window < "u" && window.innerWidth >= Ct), [F, I] = k(() => {
+		try {
+			let e = localStorage.getItem(St);
+			return e ? parseInt(e, 10) : wt;
+		} catch {
+			return wt;
+		}
+	});
+	E(() => {
+		let e = window.matchMedia(`(min-width: ${Ct}px)`), t = (e) => P(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let ee = w((e) => {
+		I(e);
+		try {
+			localStorage.setItem(St, String(Math.round(e)));
+		} catch {}
+	}, []), L = D(() => ({ width: F }), [F]), R = w(async () => {
+		try {
+			x((await T.current.getStickers(l)).stickers ?? []);
+		} catch {}
+	}, [l]), z = Z(n, u, {
+		onStickersUpdated: R,
+		wsBaseUrl: i,
+		onForcedLogout: n.logout
+	});
+	E(() => {
+		n.status === "authenticated" && s && T.current.getMe(l).then((e) => f(e.chatName)).catch(() => {}), R().catch(() => void 0), T.current.getSounds(l).then((e) => C(e)).catch(() => {});
+	}, [
+		l,
+		n.status,
+		s
+	]), E(() => {
+		let e = window.setInterval(() => {
+			R().catch(() => void 0);
+		}, 6e4), t = () => {
+			R().catch(() => void 0);
+		};
+		return window.addEventListener("focus", t), document.addEventListener("visibilitychange", t), () => {
+			window.clearInterval(e), window.removeEventListener("focus", t), document.removeEventListener("visibilitychange", t);
+		};
+	}, [R]);
+	let B = n.status === "authenticated" && (s?.permissions.includes(e.POST) ?? !1), V = s?.permissions.includes(e.DELETE_ANY) ?? !1, H = s?.permissions.includes(e.MANAGE_ROLES) ?? !1, te = t.embed, ne = c?.name || l.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), re = (() => {
+		let e = new URL(window.location.href);
+		return e.searchParams.delete("embed"), e.toString();
+	})(), ie = (() => {
+		let e = new URL(window.location.href);
+		return e.searchParams.set("admin", "true"), e.searchParams.delete("embed"), e.toString();
+	})();
+	return /* @__PURE__ */ M("div", {
+		className: "chat-window",
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "chat-header",
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "chat-header__title",
+						children: ne
+					}),
+					n.status === "authenticated" && /* @__PURE__ */ j(bt, {}),
+					/* @__PURE__ */ M("button", {
+						className: "chat-header__online",
+						onClick: () => m(!0),
+						title: `${z.totalCount} listener${z.totalCount === 1 ? "" : "s"} online — tap to see who's here`,
+						"aria-label": `${z.totalCount} listeners online. Tap to see list.`,
+						children: [/* @__PURE__ */ j("svg", {
+							width: "18",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ j("path", { d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z" })
+						}), z.totalCount]
+					}),
+					n.status === "authenticated" && /* @__PURE__ */ j(mt, {
+						stationSlug: l,
+						initialChatName: d,
+						getToken: u,
+						onUpdated: (e) => f(e)
+					}),
+					te && /* @__PURE__ */ j("a", {
+						href: re,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "btn btn--ghost chat-header__popout",
+						title: "Open in new window",
+						"aria-label": "Open chat in new window",
+						children: /* @__PURE__ */ j("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 14 14",
+							fill: "currentColor",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ j("path", { d: "M9 1h4v4l-1.5-1.5L8 7 7 6l3.5-3.5L9 1zM2 3h5v1H3v7h7V8h1v3a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1z" })
+						})
+					}),
+					n.status === "anonymous" ? /* @__PURE__ */ j("button", {
+						className: "btn btn--primary chat-header__signin",
+						onClick: () => g(!0),
+						title: "Sign in",
+						children: "Sign in"
+					}) : a ? null : /* @__PURE__ */ j("button", {
+						className: "btn btn--ghost chat-header__signout",
+						onClick: n.logout,
+						title: "Sign out",
+						children: "Sign out"
+					}),
+					!o && (H || V) && /* @__PURE__ */ j("a", {
+						href: ie,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "btn btn--ghost chat-header__admin",
+						title: "Open admin panel",
+						"aria-label": "Open admin panel in new window",
+						children: /* @__PURE__ */ j(Ie, {
+							className: "chat-header__admin-icon",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ j(pt, { status: z.connectionStatus }),
+			/* @__PURE__ */ M("div", {
+				className: "chat-body",
+				ref: A,
+				children: [
+					/* @__PURE__ */ j(it, {
+						messages: z.messages,
+						optimistic: z.optimistic,
+						stickers: y,
+						currentUserId: s?.id ?? "",
+						currentUserPermissions: s?.permissions ?? [],
+						stationSlug: l,
+						getToken: u,
+						loadingInitial: z.loadingInitial,
+						loadingOlder: z.loadingOlder,
+						hasOlderMessages: z.hasOlderMessages,
+						retentionCutoff: z.retentionCutoff,
+						onLoadOlder: z.loadOlderMessages,
+						onEdit: z.editMessage,
+						onDelete: z.deleteMessage,
+						onBan: z.banUser,
+						onReport: z.reportMessage,
+						onRetry: z.retryFailed,
+						onReply: (e, t, n) => {
+							v({
+								messageId: e,
+								authorName: t,
+								excerpt: n.length > 60 ? n.substring(0, 60) + "…" : n
+							});
+						},
+						getUserInfo: z.getUserInfo,
+						getAvatarForMessage: z.getAvatarForMessage
+					}),
+					N && /* @__PURE__ */ j(xt, {
+						onResize: ee,
+						containerRef: A
+					}),
+					/* @__PURE__ */ j(dt, {
+						users: z.users,
+						currentUserId: s?.id ?? "",
+						style: L
+					})
+				]
+			}),
+			/* @__PURE__ */ j(lt, {
+				onSend: (e) => {
+					z.sendMessage(e, _ || void 0), v(null);
+				},
+				connectionStatus: z.connectionStatus,
+				canPost: B,
+				onRequestAuth: () => g(!0),
+				stationSlug: l,
+				getToken: u,
+				stickers: y,
+				onRefreshStickers: R,
+				replyingTo: _,
+				onCancelReply: () => v(null),
+				onlineUsers: z.users,
+				currentUserId: s?.id
+			}),
+			r && /* @__PURE__ */ j("div", {
+				className: "relaya-branding",
+				children: /* @__PURE__ */ j("a", {
+					href: "https://relaya.chat?ref=powered-by",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: "Powered by Relaya"
+				})
+			}),
+			p && /* @__PURE__ */ j(gt, {
+				users: z.users,
+				currentUserId: s?.id ?? "",
+				onClose: () => m(!1)
+			}),
+			/* @__PURE__ */ j(vt, {
+				isOpen: h,
+				onClose: () => {
+					console.log("[ChatWindow] Closing AuthModal"), g(!1);
+				},
+				onRequestCode: async (e) => ({ pendingId: (await T.current.requestCode(e, l)).pendingId }),
+				onVerifyCode: async (e, t) => {
+					let r = await T.current.verifyCode(e, t, l);
+					n.onOtpVerified(r), g(!1);
+				},
+				stationSlug: l,
+				error: n.error
+			}),
+			n.status === "authenticated" && /* @__PURE__ */ j(yt, {
+				onMention: z.registerMentionSound,
+				onChannel: z.registerChannelSound,
+				mentionSoundUrl: S.mentionSoundUrl,
+				channelSoundUrl: S.channelSoundUrl
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/AuthSuccess.tsx
+function Et({ stationSlug: e, userDisplayName: t }) {
+	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), /* @__PURE__ */ j("div", {
+		className: "auth-success",
+		children: /* @__PURE__ */ M("div", {
+			className: "auth-success__card",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "success-icon",
+					children: "✅"
+				}),
+				/* @__PURE__ */ j("h1", { children: "You're signed in!" }),
+				/* @__PURE__ */ M("p", {
+					className: "user-greeting",
+					children: ["Welcome, ", t]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "instructions",
+					children: /* @__PURE__ */ M("p", { children: [
+						"Close this tab and",
+						/* @__PURE__ */ j("br", {}),
+						/* @__PURE__ */ j("strong", { children: "refresh the chat page" }),
+						/* @__PURE__ */ j("br", {}),
+						"to start posting messages."
+					] })
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/RelayaChat.tsx
+function Dt(e) {
+	return t.admin ? /* @__PURE__ */ j(_, {
+		className: e.className,
+		spaceSlug: e.spaceSlug,
+		serverUrl: e.serverUrl,
+		token: e.token,
+		manageOwnRefreshToken: e.manageOwnRefreshToken,
+		onSessionEnded: e.onSessionEnded
+	}) : /* @__PURE__ */ j(Ot, { ...e });
+}
+function Ot({ serverUrl: e, spaceSlug: n, token: r, className: i, manageOwnRefreshToken: a, onSessionEnded: o, hideSignOut: c, hideAdmin: l }) {
+	let f = a ?? !t.managed, p = c ?? !f, m = s({
+		spaceSlug: n,
+		initialToken: r ?? null,
+		manageOwnRefreshToken: f,
+		onSessionEnded: o
+	}), [h, g] = k(!1), [_, y] = k(!0);
+	E(() => {
+		F();
+	}, []), E(() => {
+		document.documentElement.setAttribute("data-theme", t.theme);
+		let r = v(n);
+		r && u(r);
+		let i = `${e}/api/chat/${n}/theme`;
+		fetch(i).then((e) => e.ok ? e.json() : {
+			light: {},
+			dark: {}
+		}).then((e) => {
+			(Object.keys(e?.light ?? {}).length > 0 || Object.keys(e?.dark ?? {}).length > 0) && d({
+				light: e.light ?? {},
+				dark: e.dark ?? {}
+			}, t.theme);
+		}).catch(() => {});
+	}, [e, n]), E(() => {
+		let t = `${e}/api/public/config?slug=${encodeURIComponent(n)}`;
+		fetch(t).then((e) => e.ok ? e.json() : null).then((e) => {
+			e && typeof e.showBranding == "boolean" && y(e.showBranding);
+		}).catch(() => {});
+	}, [e, n]), E(() => {
+		t.magicLinkToken && m.status === "authenticated" && g(!0);
+	}, [m.status]);
+	let b = i ? `relaya-root ${i}` : "relaya-root";
+	if (m.status === "loading") return /* @__PURE__ */ j("div", {
+		className: b,
+		children: /* @__PURE__ */ j("div", {
+			className: "app",
+			children: /* @__PURE__ */ M("div", {
+				className: "loading-screen",
+				children: [/* @__PURE__ */ j("div", { className: "connection-spinner" }), /* @__PURE__ */ j("span", { children: "Loading…" })]
+			})
+		})
+	});
+	if (m.status === "magic-link-sent") return /* @__PURE__ */ j("div", {
+		className: b,
+		children: /* @__PURE__ */ j("div", {
+			className: "app",
+			children: /* @__PURE__ */ j(be, { onBack: m.logout })
+		})
+	});
+	if (m.status === "unauthenticated") return /* @__PURE__ */ j("div", {
+		className: b,
+		children: /* @__PURE__ */ j("div", {
+			className: "app",
+			children: /* @__PURE__ */ j(ye, {
+				onLogin: m.login,
+				error: m.error,
+				stationSlug: n
+			})
+		})
+	});
+	let x = window.self !== window.top;
+	return m.status === "authenticated" && h && !x ? /* @__PURE__ */ j("div", {
+		className: b,
+		children: /* @__PURE__ */ j("div", {
+			className: "app",
+			children: /* @__PURE__ */ j(Et, {
+				stationSlug: m.stationSlug,
+				userDisplayName: m.user?.displayName ?? "there"
+			})
+		})
+	}) : /* @__PURE__ */ j("div", {
+		className: b,
+		children: /* @__PURE__ */ j("div", {
+			className: "app",
+			children: /* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(Tt, {
+				auth: m,
+				showBranding: _,
+				serverUrl: e,
+				hideSignOut: p,
+				hideAdmin: l
+			}) })
+		})
+	});
+}
+//#endregion
+export { _ as AdminPanel, l as AdminSettings, yt as AudioNotification, vt as AuthModal, Et as AuthSuccess, n as BanManagement, g as BanModal, mt as ChatNameEditor, Tt as ChatWindow, pt as ConnectionStatus, He as GravatarStyleModal, ye as LoginScreen, be as MagicLinkSent, $ as MessageAvatar, Be as MessageContextMenu, lt as MessageInput, rt as MessageItem, it as MessageList, bt as MuteToggle, X as NotificationMuteProvider, _t as OTPCodeInput, Dt as RelayaChat, Re as ReportModal, p as ReportReview, h as StickerAdminPage, f as ThemeAdminPage, dt as UserList, gt as UserListModal, t as appConfig, d as applyDbTheme, u as applySpaceTheme, y as buildWsUrl, x as clearTokenFromUrl, fe as findActiveMentionQuery, ge as findActiveShortcodeQuery, pe as getMentionSuggestions, v as getSpaceTheme, ve as getStickerSuggestions, F as injectRelayaStyles, he as insertMentionToken, _e as insertStickerShortcode, r as parseConfig, I as removeRelayaStyles, i as reorderStickersByFilename, me as resolveSpaceCompletion, m as useBans, o as useModerationConfig, le as useNotificationMute, s as useRelayaAuth, Z as useRelayaChat, a as useReports, c as useSpaceTheme };