Kikko — You were mentioned

You have new mentions in Kikko:

${items}\n

`;\n}\n\nexport function recoveryEmailHtml(password: string): string {\n return `\n

Kikko — Password Recovery

Your Kikko account password is:

${password}

If you did not request this, please change your password immediately after logging in.

`;\n}\n",[],[114,130],"0b271fde-39bc-11f1-b179-42b51c65c3df","auth.ts","019d9765-c687-762d-97e2-7c3c70abcd59",["D",1776361522677],"import bcrypt from \"npm:bcryptjs\";\n\nexport async function hashPassword(password: string): Promise {\n return bcrypt.hash(password, 10);\n}\n\nexport async function verifyPassword(password: string, hash: string): Promise {\n return bcrypt.compare(password, hash);\n}\n\nexport function generateToken(length = 32): string {\n const arr = new Uint8Array(length);\n crypto.getRandomValues(arr);\n return Array.from(arr).map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n",[],[114,137],"0b271d7c-39bc-11f1-b179-42b51c65c3df","frontend","019d9765-c687-762d-97e2-7aa5c796fe33",["D",1776361522677],[149,150,151,152,153,154,155],[144],{"_36":202,"_13":203,"_63":204,"_65":145,"_67":68,"_69":183,"_71":72,"_38":205,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_102":206,"_18":207},{"_36":195,"_13":196,"_63":197,"_65":145,"_67":68,"_69":70,"_71":72,"_38":198,"_17":34,"_74":24,"_76":199,"_78":51,"_79":-5,"_102":200,"_18":201},{"_36":187,"_13":188,"_63":189,"_65":145,"_67":68,"_69":190,"_71":72,"_38":191,"_17":34,"_74":75,"_76":192,"_78":51,"_79":-5,"_102":193,"_18":194},{"_36":178,"_13":179,"_63":180,"_65":145,"_67":68,"_69":181,"_71":72,"_38":182,"_17":183,"_74":24,"_76":184,"_78":51,"_79":-5,"_102":185,"_18":186},{"_36":171,"_13":172,"_63":173,"_65":145,"_67":68,"_69":70,"_71":72,"_38":174,"_17":34,"_74":75,"_76":175,"_78":51,"_79":-5,"_102":176,"_18":177},{"_36":164,"_13":165,"_63":166,"_65":145,"_67":68,"_69":70,"_71":72,"_38":167,"_17":34,"_74":24,"_76":168,"_78":51,"_79":-5,"_102":169,"_18":170},{"_36":156,"_13":157,"_63":158,"_65":145,"_67":68,"_69":159,"_71":72,"_38":160,"_17":34,"_74":75,"_76":161,"_78":51,"_79":-5,"_102":162,"_18":163},"98311aec-39bc-11f1-a930-42b51c65c3df","utils.ts","98311b96-39bc-11f1-a930-42b51c65c3df",5,["D",1776361759509],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createElement as h, Fragment, useState, useEffect } from \"react\";\n\n// ── Timezone ──────────────────────────────────────────────────────────────────\nexport const USER_TZ = \"America/Chicago\";\n\n// ── Date/time formatting ──────────────────────────────────────────────────────\nexport function toUTC(iso: string | undefined): Date {\n if (!iso) return new Date();\n return new Date(iso.endsWith(\"Z\") ? iso : iso.replace(\" \", \"T\") + \"Z\");\n}\n\nexport function fmt(iso: string): string {\n return toUTC(iso).toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n timeZone: USER_TZ,\n });\n}\n\nexport function fmtDate(iso: string): string {\n const d = toUTC(iso);\n const opts = { timeZone: USER_TZ } as const;\n const ds = d.toLocaleDateString(\"en-US\", opts);\n const ts = new Date().toLocaleDateString(\"en-US\", opts);\n const ys = new Date(Date.now() - 86400000).toLocaleDateString(\"en-US\", opts);\n if (ds === ts) return \"Today\";\n if (ds === ys) return \"Yesterday\";\n return d.toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n timeZone: USER_TZ,\n });\n}\n\nexport function dateKey(iso: string): string {\n return toUTC(iso).toLocaleDateString(\"en-US\", { timeZone: USER_TZ });\n}\n\nexport function fmtBytes(n: number): string {\n n = Number(n);\n if (n < 1024) return n + \" B\";\n if (n < 1048576) return (n / 1024).toFixed(1) + \" KB\";\n return (n / 1048576).toFixed(1) + \" MB\";\n}\n\n// ── URL extraction ────────────────────────────────────────────────────────────\nconst URL_RE = /https?:\\/\\/[^\\s<>\"']+/g;\nexport function extractUrls(text: string): string[] {\n return (text || \"\").match(URL_RE) || [];\n}\n\n// ── Render @mentions ──────────────────────────────────────────────────────────\nexport function renderContent(text: string) {\n if (!text) return null;\n return text.split(/(@[a-zA-Z0-9_]+)/g).map((p, i) =>\n p.startsWith(\"@\")\n ? h(\"span\", { key: i, className: \"mention\" }, p)\n : h(Fragment, { key: i }, p)\n );\n}\n\n// ── API helper ────────────────────────────────────────────────────────────────\nfunction apiHeaders(token?: string): Record {\n const hd: Record = { \"Content-Type\": \"application/json\" };\n if (token) hd[\"Authorization\"] = \"Bearer \" + token;\n return hd;\n}\n\nexport async function api(\n path: string,\n opts: RequestInit = {},\n token?: string\n): Promise {\n return fetch(path, {\n ...opts,\n headers: { ...apiHeaders(token), ...(opts.headers || {}) },\n });\n}\n\n// ── Theme hook ────────────────────────────────────────────────────────────────\nexport function useTheme(): [boolean, () => void] {\n const [dark, setDark] = useState(() => {\n const saved = localStorage.getItem(\"kik_theme\");\n return saved ? saved === \"dark\" : true;\n });\n useEffect(() => {\n document.body.classList.toggle(\"light\", !dark);\n document.documentElement.classList.remove(\"light-pending\");\n localStorage.setItem(\"kik_theme\", dark ? \"dark\" : \"light\");\n try {\n window.parent.postMessage({ type: \"KIKKO_THEME\", dark }, \"*\");\n } catch {}\n }, [dark]);\n return [dark, () => setDark((d) => !d)];\n}\n",[],[144,157],"0b264226-39bc-11f1-b179-42b51c65c3df","style.css","019d9765-c687-762d-97e2-77abe5e064f8",["D",1776361522677],"*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');\n\n:root {\n --brand: #FFDA4A;\n --brand-dark: #e8c420;\n --brand-soft: rgba(255,218,74,0.13);\n --brand-glow: rgba(255,218,74,0.3);\n --bg: #0b0c0f;\n --surface: #131417;\n --surface2: #1a1c22;\n --surface3: #21242d;\n --border: #272a35;\n --border-light: #32364a;\n --accent: #FFDA4A;\n --accent2: #ffe87a;\n --accent-soft: rgba(255,218,74,0.12);\n --accent-glow: rgba(255,218,74,0.22);\n --text: #eeeef3;\n --text-muted: #8a8ea8;\n --text-dim: #484c64;\n --danger: #ef6b6b;\n --danger-bg: rgba(239,107,107,0.08);\n --success: #3dd68c;\n --success-bg: rgba(61,214,140,0.08);\n --warn: #f5a623;\n --msg-other: #1a1c2250;\n --msg-own: rgba(252,220,93,0.09);\n --msg-own-border: rgba(252,220,93,0.22);\n --radius: 18px;\n --radius-sm: 12px;\n --radius-xs: 8px;\n --font: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n --shadow: 0 4px 24px rgba(0,0,0,0.45);\n --shadow-lg: 0 24px 64px rgba(0,0,0,0.65), 0 0 0 1px rgba(255,255,255,0.04);\n --sidebar-w: 244px;\n --transition: 0.15s ease;\n --logo-fill: #FFDA4A;\n}\n\nbody {\n font-family: var(--font);\n background: var(--bg);\n color: var(--text);\n height: 100vh;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n}\n\n/* Kill every source of italic globally — except inside AI bubbles where markdown italic is intentional */\n*, *::before, *::after { font-style: normal !important; }\n.ai-bubble em, .ai-bubble em * { font-style: italic !important; }\n\n#root { height: 100vh; display: flex; flex-direction: column; }\n\n/* ─── Scrollbars ─────────────────────────────── */\n* { scrollbar-width: thin; scrollbar-color: var(--border-light) transparent; }\n::-webkit-scrollbar { width: 5px; height: 5px; }\n::-webkit-scrollbar-track { background: transparent; }\n::-webkit-scrollbar-thumb { background: var(--border-light); border-radius: 99px; }\n::-webkit-scrollbar-thumb:hover { background: var(--text-dim); }\n\n/* ─── Auth Screen ────────────────────────────── */\n@keyframes authGlow {\n 0% { transform: translate(-50%,-50%) scale(1); opacity: 0.22; }\n 50% { transform: translate(-50%,-50%) scale(1.18); opacity: 0.32; }\n 100% { transform: translate(-50%,-50%) scale(1); opacity: 0.22; }\n}\n.auth-screen {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background: var(--bg);\n overflow: hidden;\n position: relative;\n}\n.auth-screen::before {\n content: '';\n position: absolute;\n width: 640px; height: 640px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,218,74,0.38) 0%, transparent 70%);\n top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n animation: authGlow 7s ease-in-out infinite;\n pointer-events: none;\n}\n.auth-screen::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 120% 60% at 30% 80%, rgba(255,218,74,0.08) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.auth-card {\n background: var(--surface);\n border: 1px solid var(--border-light);\n border-radius: var(--radius);\n padding: 2.75rem 2.5rem;\n width: 100%;\n max-width: 400px;\n box-shadow: var(--shadow-lg);\n position: relative;\n z-index: 1;\n}\n\n/* ── Kikko Logo Lockup ── */\n.auth-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.75rem;\n}\n\n.form-group { margin-bottom: 1rem; }\n.form-group label {\n display: block;\n font-size: 0.775rem;\n color: var(--text-muted);\n margin-bottom: 0.35rem;\n font-weight: 700;\n letter-spacing: 0.03em;\n font-style: normal !important;\n}\n\ninput[type=\"text\"], input[type=\"email\"], input[type=\"password\"], input[type=\"number\"] {\n width: 100%;\n padding: 0.65rem 0.9rem;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n color: var(--text);\n font-size: 0.9rem;\n font-family: var(--font);\n font-style: normal !important;\n outline: none;\n transition: border-color 0.18s, box-shadow 0.18s;\n}\n\ninput:focus { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-glow); }\ninput::placeholder { color: var(--text-dim); font-style: normal !important; }\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.6rem 1.2rem;\n border-radius: var(--radius-sm);\n border: none;\n cursor: pointer;\n font-size: 0.85rem;\n font-weight: 700;\n font-family: var(--font);\n font-style: normal !important;\n transition: all var(--transition);\n text-decoration: none;\n line-height: 1;\n white-space: nowrap;\n}\n\n.btn:disabled { opacity: 0.45; cursor: not-allowed; }\n.btn-primary { background: var(--brand); color: #1a1608; width: 100%; margin-top: 0.35rem; letter-spacing: 0.01em; }\n.btn-primary:hover:not(:disabled) { background: var(--accent2); box-shadow: 0 6px 24px var(--brand-glow); transform: translateY(-1px); }\n.btn-ghost { background: transparent; color: var(--text-muted); border: 1px solid var(--border); }\n.btn-ghost:hover { color: var(--text); border-color: var(--border-light); background: var(--surface2); }\n.btn-danger { background: var(--danger-bg); color: var(--danger); border: 1px solid rgba(240,106,106,0.25); }\n.btn-danger:hover { background: rgba(240,106,106,0.15); border-color: rgba(240,106,106,0.4); }\n.btn-sm { padding: 0.3rem 0.65rem; font-size: 0.76rem; border-radius: var(--radius-xs); }\n\n.error-msg { background: var(--danger-bg); border: 1px solid rgba(240,106,106,0.25); color: var(--danger); padding: 0.6rem 0.875rem; border-radius: var(--radius-sm); font-size: 0.82rem; margin-bottom: 1rem; line-height: 1.45; font-style: normal !important; }\n.success-msg { background: var(--success-bg); border: 1px solid rgba(61,214,140,0.25); color: var(--success); padding: 0.6rem 0.875rem; border-radius: var(--radius-sm); font-size: 0.82rem; margin-bottom: 1rem; line-height: 1.45; font-style: normal !important; }\n\n.auth-toggle { text-align: center; margin-top: 1.25rem; font-size: 0.83rem; color: var(--text-muted); }\n.auth-toggle button { background: none; border: none; color: var(--brand); cursor: pointer; font-weight: 700; font-family: var(--font); font-size: inherit; font-style: normal !important; }\n.auth-toggle button:hover { text-decoration: underline; }\n\n/* ─── App Layout ─────────────────────────────── */\n.app-layout {\n display: grid;\n grid-template-columns: var(--sidebar-w) 1fr;\n height: 100vh;\n overflow: hidden;\n}\n\n/* ─── Online dot ─────────────────────────────── */\n.online-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--success);\n flex-shrink: 0;\n box-shadow: 0 0 0 2px var(--surface);\n}\n@keyframes pulse { 0%,100% { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px rgba(61,214,140,0); } 50% { box-shadow: 0 0 0 2px var(--surface), 0 0 0 5px rgba(61,214,140,0.35); } }\n.online-dot.pulse { animation: pulse 2s ease-in-out infinite; }\n\n/* ─── Sidebar ────────────────────────────────── */\n.sidebar {\n background: var(--surface);\n border-right: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n box-shadow: 4px 0 20px rgba(0,0,0,0.2);\n}\n\n.sidebar-header {\n padding: 1.1rem 1rem 0.95rem;\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n flex-shrink: 0;\n}\n\n/* ── Sidebar logo lockup ── */\n.sidebar-logo-wrap {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 0;\n}\n\n.sidebar-section { padding: 0.75rem 0.5rem 0.25rem; flex: 1; overflow-y: auto; min-height: 0; }\n.sidebar-section-title {\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-dim);\n padding: 0 0.625rem;\n margin-bottom: 0.4rem;\n font-weight: 800;\n font-style: normal !important;\n}\n\n.room-item {\n display: flex;\n align-items: center;\n gap: 0.55rem;\n padding: 0.52rem 0.7rem;\n border-radius: var(--radius-xs);\n cursor: pointer;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--text-muted);\n transition: all 0.12s;\n margin-bottom: 2px;\n font-style: normal !important;\n}\n\n.room-item:hover { background: var(--surface2); color: var(--text); }\n.room-item.active { background: var(--brand-soft); color: var(--brand); font-weight: 700; }\n.room-item .room-icon { flex-shrink: 0; opacity: 0.55; display: flex; align-items: center; }\n.room-item.active .room-icon { opacity: 1; }\n.room-item-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n/* ─── New room form (stacked) ────────────────── */\n.new-room-form {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n padding: 0.25rem 0.125rem;\n}\n.new-room-input {\n width: 100%;\n font-size: 0.82rem;\n padding: 0.4rem 0.6rem;\n height: 32px;\n}\n.new-room-actions {\n display: flex;\n gap: 0.3rem;\n align-items: center;\n}\n.new-room-btn { width: 100%; justify-content: flex-start; }\n\n/* ─── Sidebar Footer ─────────────────────────── */\n.sidebar-footer {\n padding: 0.875rem;\n border-top: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n flex-shrink: 0;\n background: var(--surface);\n}\n\n.user-pill {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.5rem 0.4rem;\n border-radius: var(--radius-xs);\n cursor: pointer;\n transition: background var(--transition);\n min-width: 0;\n}\n\n.user-pill:hover { background: var(--surface2); }\n\n.user-pill .avatar {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n background: var(--brand);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 0.72rem;\n overflow: hidden;\n flex-shrink: 0;\n color: #1a1608;\n box-shadow: 0 0 0 2px var(--brand-soft);\n}\n.user-pill .avatar img { width: 100%; height: 100%; object-fit: cover; }\n.user-pill .uname {\n font-size: 0.875rem;\n font-weight: 700;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n\n/* Admin badge */\n.admin-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 3px;\n font-size: 0.65rem;\n background: var(--brand);\n color: #1a1608;\n padding: 0.15rem 0.5rem;\n border-radius: 99px;\n font-weight: 800;\n letter-spacing: 0.03em;\n line-height: 1;\n white-space: nowrap;\n flex-shrink: 0;\n font-style: normal !important;\n vertical-align: middle;\n}\n.admin-badge svg {\n width: 0.65em;\n height: 0.65em;\n flex-shrink: 0;\n}\n\n/* Sidebar footer action buttons */\n.sidebar-action-btn {\n width: 100%;\n justify-content: flex-start;\n gap: 0.55rem;\n padding: 0.42rem 0.625rem;\n font-size: 0.825rem;\n border-radius: var(--radius-xs);\n background: transparent;\n border: none;\n color: var(--text-muted);\n cursor: pointer;\n display: flex;\n align-items: center;\n transition: all var(--transition);\n font-family: var(--font);\n font-weight: 600;\n font-style: normal !important;\n}\n.sidebar-action-btn:hover { background: var(--surface2); color: var(--text); }\n.sidebar-action-btn svg { flex-shrink: 0; }\n\n/* ─── Chat Area ──────────────────────────────── */\n.chat-area {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background: var(--bg);\n min-width: 0;\n min-height: 0;\n height: 100%;\n}\n\n.chat-header {\n padding: 1rem 1.75rem;\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: var(--surface);\n flex-shrink: 0;\n box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n}\n\n.chat-header-info { flex: 1; min-width: 0; }\n.chat-header-name {\n font-weight: 800;\n font-size: 0.975rem;\n color: var(--text);\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-style: normal !important;\n}\n.chat-header-sub {\n font-size: 0.72rem;\n color: var(--text-dim);\n margin-top: 2px;\n font-weight: 500;\n font-style: normal !important;\n}\n.chat-header-actions { display: flex; gap: 0.4rem; flex-shrink: 0; }\n\n/* ─── Messages ───────────────────────────────── */\n.messages-container {\n flex: 1;\n overflow-y: auto;\n padding: 1.25rem 1.75rem 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--text-dim);\n gap: 0.75rem;\n}\n.empty-state svg { opacity: 0.25; }\n.empty-state p { font-size: 0.875rem; font-style: normal !important; }\n\n/* ─── Date Divider ───────────────────────────── */\n.date-divider {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin: 1.5rem 0 0.875rem;\n}\n.date-divider::before, .date-divider::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n opacity: 0.5;\n}\n.date-divider span {\n font-size: 0.7rem;\n color: var(--text-dim);\n white-space: nowrap;\n padding: 0.2rem 0.7rem;\n background: var(--surface2);\n border-radius: 99px;\n font-weight: 700;\n letter-spacing: 0.03em;\n font-style: normal !important;\n}\n\n/* ─── Message Bubbles ────────────────────────── */\n.msg-row {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2px;\n animation: msgIn 0.16s ease;\n}\n@keyframes msgIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }\n\n.msg-row.own { flex-direction: row-reverse; justify-content: flex-start; }\n.msg-row.other { flex-direction: row; justify-content: flex-start; }\n.msg-row.group-start { margin-top: 1rem; }\n\n.msg-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--brand);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 0.7rem;\n flex-shrink: 0;\n overflow: hidden;\n color: #1a1608;\n align-self: flex-start;\n margin-top: 2px;\n}\n.msg-avatar img { width: 100%; height: 100%; object-fit: cover; }\n.msg-avatar.invisible { background: transparent !important; visibility: hidden; }\n\n.msg-bubble-wrap { display: flex; flex-direction: column; }\n.msg-row.own .msg-bubble-wrap { align-items: flex-end; }\n.msg-row.other .msg-bubble-wrap { align-items: flex-start; }\n\n.msg-row { will-change: transform; }\n.msg-row.snapping { transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1); }\n\n.msg-meta {\n display: flex;\n align-items: baseline;\n gap: 0.4rem;\n margin-bottom: 0.25rem;\n padding: 0 0.2rem;\n}\n.msg-row.own .msg-meta { flex-direction: row-reverse; }\n\n.msg-meta .username {\n font-size: 0.8rem;\n font-weight: 800;\n color: var(--text-muted);\n font-style: normal !important;\n}\n.msg-meta .username.is-admin { color: var(--brand); }\n.msg-meta .time {\n font-size: 0.68rem;\n color: var(--text-dim);\n font-style: normal !important;\n}\n\n.msg-bubble {\n padding: 0.6rem 1rem;\n border-radius: var(--radius-sm);\n font-size: 0.9rem;\n line-height: 1.65;\n word-break: break-word;\n font-style: normal !important;\n}\n\n.msg-row.own .msg-bubble {\n background: var(--msg-own);\n border: 1px solid var(--msg-own-border);\n border-radius: var(--radius-sm) 4px var(--radius-sm) var(--radius-sm);\n color: var(--text);\n box-shadow: 0 1px 4px rgba(0,0,0,0.18);\n}\n\n.msg-row.other .msg-bubble {\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: 4px var(--radius-sm) var(--radius-sm) var(--radius-sm);\n color: var(--text);\n box-shadow: 0 1px 4px rgba(0,0,0,0.18);\n}\n\n.msg-bubble .mention { color: var(--brand); font-weight: 800; font-style: normal !important; }\n\n/* ─── Blob file attachment ────────────────────── */\n.blob-file {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 0.6rem 0.9rem;\n cursor: pointer;\n transition: all var(--transition);\n min-width: 180px;\n}\n.blob-file:hover { border-color: var(--brand); background: var(--brand-soft); }\n.blob-file-icon { color: var(--brand); flex-shrink: 0; }\n.blob-file-info { display: flex; flex-direction: column; gap: 0.1rem; }\n.blob-file-label { font-size: 0.82rem; font-weight: 700; color: var(--brand); font-style: normal !important; }\n.blob-file-name { font-size: 0.72rem; color: var(--text-muted); font-style: normal !important; }\n\n/* ─── Message Input ──────────────────────────── */\n.message-input-area {\n padding: 0.875rem 1.75rem 1.1rem;\n border-top: 1px solid var(--border);\n background: var(--surface);\n flex-shrink: 0;\n box-shadow: 0 -2px 12px rgba(0,0,0,0.15);\n}\n\n.input-wrapper {\n display: flex;\n align-items: flex-end;\n gap: 0.5rem;\n background: var(--surface2);\n border: 1.5px solid var(--border);\n border-radius: var(--radius);\n padding: 0.55rem 0.65rem 0.55rem 1rem;\n transition: border-color 0.18s, box-shadow 0.18s;\n}\n.input-wrapper:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-glow); }\n\n.msg-textarea {\n flex: 1;\n background: transparent;\n border: none;\n outline: none;\n color: var(--text);\n font-size: 0.9rem;\n resize: none;\n max-height: 140px;\n min-height: 22px;\n line-height: 1.55;\n font-family: var(--font);\n font-style: normal !important;\n}\n.msg-textarea::placeholder { color: var(--text-dim); font-style: normal !important; }\n.input-actions { display: flex; gap: 0.25rem; align-items: flex-end; }\n\n.icon-btn {\n background: none;\n border: none;\n color: var(--text-dim);\n cursor: pointer;\n padding: 0.35rem;\n border-radius: var(--radius-xs);\n transition: all var(--transition);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.icon-btn:hover { color: var(--text-muted); background: var(--surface3); }\n.icon-btn.send { color: var(--brand); }\n.icon-btn.send:hover { color: var(--accent2); background: var(--brand-soft); }\n.icon-btn.send:disabled { opacity: 0.35; cursor: not-allowed; }\n\n/* Character counter */\n.char-counter {\n font-size: 0.65rem;\n color: var(--text-dim);\n align-self: flex-end;\n padding-bottom: 0.1rem;\n padding-right: 0.1rem;\n flex-shrink: 0;\n transition: color var(--transition);\n}\n.char-counter.warn { color: var(--warn); }\n.char-counter.danger { color: var(--danger); font-weight: 700; }\n\n/* ─── Panel / Overlay ────────────────────────── */\n.panel-overlay {\n position: fixed; inset: 0;\n background: rgba(0,0,0,0.65);\n display: flex; align-items: center; justify-content: center;\n z-index: 50;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n}\n\n.panel {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n width: 100%;\n max-width: 440px;\n box-shadow: 0 32px 80px rgba(0,0,0,0.65), 0 0 0 1px rgba(255,255,255,0.03);\n max-height: 88vh;\n overflow-y: auto;\n}\n\n.panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.25rem;\n}\n.panel h2 { font-size: 1rem; font-weight: 800; font-style: normal !important; }\n.settings-section { margin-bottom: 1.5rem; }\n.settings-section h3 {\n font-size: 0.68rem;\n font-weight: 800;\n color: var(--text-dim);\n margin-bottom: 0.6rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-style: normal !important;\n}\n\n.member-row {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.45rem 0.5rem;\n border-radius: var(--radius-xs);\n margin-bottom: 2px;\n transition: background var(--transition);\n}\n.member-row:hover { background: var(--surface2); }\n.member-row .mname { flex: 1; font-size: 0.875rem; font-weight: 600; font-style: normal !important; }\n.member-row .mrole { font-size: 0.67rem; color: var(--text-dim); background: var(--surface3); padding: 0.13rem 0.42rem; border-radius: 99px; font-style: normal !important; }\n\n/* ─── Users Panel ────────────────────────────── */\n.users-panel {\n position: fixed;\n right: 0; top: 0; bottom: 0;\n width: 250px;\n background: var(--surface);\n border-left: 1px solid var(--border);\n z-index: 40;\n display: flex;\n flex-direction: column;\n transform: translateX(100%);\n transition: transform 0.22s cubic-bezier(0.34,1.2,0.64,1);\n box-shadow: -12px 0 40px rgba(0,0,0,0.35);\n}\n.users-panel.open { transform: translateX(0); }\n.users-panel-header {\n padding: 1rem;\n border-bottom: 1px solid var(--border);\n font-weight: 800;\n font-size: 0.875rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-style: normal !important;\n}\n.users-panel-list { flex: 1; overflow-y: auto; padding: 0.5rem; }\n.users-panel-search { padding: 0.5rem; border-bottom: 1px solid var(--border); }\n.users-panel-search input { font-size: 0.82rem; }\n\n.user-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.45rem 0.5rem;\n border-radius: var(--radius-xs);\n font-size: 0.84rem;\n margin-bottom: 1px;\n font-style: normal !important;\n transition: background var(--transition);\n}\n.user-row:hover { background: var(--surface2); }\n.user-mini-avatar {\n width: 28px; height: 28px;\n border-radius: 50%;\n background: var(--brand);\n display: flex; align-items: center; justify-content: center;\n font-size: 0.64rem; font-weight: 800; color: #1a1608;\n flex-shrink: 0; overflow: hidden;\n}\n.user-mini-avatar img { width: 100%; height: 100%; object-fit: cover; }\n\n/* ─── Admin Table ────────────────────────────── */\n.admin-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; }\n.admin-table th {\n text-align: left;\n padding: 0.4rem 0.5rem;\n color: var(--text-dim);\n border-bottom: 1px solid var(--border);\n font-weight: 800;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n font-size: 0.67rem;\n font-style: normal !important;\n}\n.admin-table td {\n padding: 0.42rem 0.5rem;\n border-bottom: 1px solid rgba(42,45,56,0.5);\n vertical-align: middle;\n font-style: normal !important;\n}\n.status-ok { color: var(--success); font-size: 0.72rem; font-weight: 700; font-style: normal !important; }\n.status-ban { color: var(--danger); font-size: 0.72rem; font-weight: 700; font-style: normal !important; }\n.status-mute { color: var(--warn); font-size: 0.72rem; font-weight: 700; font-style: normal !important; }\n\n/* ─── Toggle ─────────────────────────────────── */\n.toggle-row { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0; }\n.toggle { position: relative; display: inline-block; width: 36px; height: 20px; flex-shrink: 0; }\n.toggle input { opacity: 0; width: 0; height: 0; }\n.toggle-slider { position: absolute; inset: 0; background: var(--border-light); border-radius: 99px; cursor: pointer; transition: 0.2s; }\n.toggle-slider::before { content: ''; position: absolute; height: 14px; width: 14px; left: 3px; top: 3px; background: white; border-radius: 50%; transition: 0.2s; }\n.toggle input:checked + .toggle-slider { background: var(--brand); }\n.toggle input:checked + .toggle-slider::before { transform: translateX(16px); }\n\n/* ─── AI Chat ────────────────────────────────── */\n.ai-screen {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n background: var(--bg);\n overflow: visible;\n}\n\n.ai-header {\n padding: 1rem 1.75rem;\n border-bottom: 1px solid var(--border);\n background: var(--surface);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-shrink: 0;\n position: relative;\n overflow: visible;\n z-index: 10;\n box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n}\n.ai-header-logo { display: flex; align-items: center; gap: 0.6rem; }\n.ai-header-info { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; overflow: hidden; }\n.ai-header-name { font-weight: 800; font-size: 0.975rem; font-style: normal !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ai-header-model {\n font-size: 0.7rem;\n color: var(--text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-style: normal !important;\n}\n\n.ai-model-btn {\n white-space: nowrap;\n flex-shrink: 0;\n font-size: 0.75rem;\n}\n.ai-model-picker {\n position: absolute;\n top: calc(100% + 6px);\n right: 0;\n width: 290px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n box-shadow: 0 16px 48px rgba(0,0,0,0.55);\n z-index: 200;\n overflow: hidden;\n}\n.ai-model-option {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.8rem 1rem;\n cursor: pointer;\n transition: background var(--transition);\n border-bottom: 1px solid var(--border);\n}\n.ai-model-option:last-child { border-bottom: none; }\n.ai-model-option:hover { background: var(--surface2); }\n.ai-model-option.selected { background: var(--brand-soft); }\n.ai-model-option-logo { flex-shrink: 0; }\n.ai-model-option-info { flex: 1; min-width: 0; }\n.ai-model-option-name { font-size: 0.875rem; font-weight: 700; font-style: normal !important; }\n.ai-model-option-desc { font-size: 0.72rem; color: var(--text-muted); margin-top: 2px; font-style: normal !important; line-height: 1.4; }\n\n.ai-messages {\n flex: 1;\n overflow-y: auto;\n padding: 1.25rem 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ai-msg { display: flex; gap: 0.4rem; animation: msgIn 0.16s ease; align-items: flex-end; justify-content: flex-start; }\n.ai-msg.user { flex-direction: row-reverse; }\n\n.ai-avatar {\n width: 32px; height: 32px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n align-self: flex-start;\n overflow: hidden;\n margin-top: 2px;\n}\n.ai-avatar.mistral { background: transparent; }\n.ai-avatar.user { background: var(--brand); color: #1a1608; font-weight: 800; font-size: 0.7rem; }\n\n.ai-bubble {\n max-width: 78%;\n padding: 0.65rem 0.95rem;\n border-radius: var(--radius-sm);\n font-size: 0.875rem;\n line-height: 1.68;\n font-style: normal !important;\n}\n.ai-msg.assistant .ai-bubble { background: var(--surface); border: 1px solid var(--border); border-radius: 4px var(--radius-sm) var(--radius-sm) var(--radius-sm); }\n.ai-msg.user .ai-bubble { background: var(--msg-own); border: 1px solid var(--msg-own-border); border-radius: var(--radius-sm) 4px var(--radius-sm) var(--radius-sm); }\n\n.ai-typing { display: flex; gap: 4px; padding: 0.65rem 0.875rem; background: var(--surface); border: 1px solid var(--border); border-radius: 4px var(--radius-sm) var(--radius-sm) var(--radius-sm); width: fit-content; }\n.ai-typing span { width: 5px; height: 5px; border-radius: 50%; background: var(--text-dim); animation: typingDot 1.4s ease infinite; }\n.ai-typing span:nth-child(2) { animation-delay: 0.2s; }\n.ai-typing span:nth-child(3) { animation-delay: 0.4s; }\n@keyframes typingDot { 0%,60%,100% { opacity:0.3; transform:translateY(0); } 30% { opacity:1; transform:translateY(-3px); } }\n\n.ai-input-area {\n padding: 0.875rem 1.75rem 1.1rem;\n border-top: 1px solid var(--border);\n background: var(--surface);\n display: flex;\n gap: 0.5rem;\n box-shadow: 0 -2px 12px rgba(0,0,0,0.15);\n}\n\n/* ─── AI Markdown rendering ────────────────────── */\n.ai-bubble strong { font-weight: 800; color: var(--text); }\n.ai-bubble em { font-style: italic !important; color: var(--text-muted); }\n.ai-bubble code {\n background: var(--surface2); border: 1px solid var(--border);\n border-radius: 4px; padding: 0.1rem 0.35rem; font-size: 0.82em;\n font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;\n color: var(--brand);\n}\n.ai-bubble pre {\n background: var(--surface2); border: 1px solid var(--border);\n border-radius: 0 0 var(--radius-xs) var(--radius-xs); padding: 0.65rem 0.85rem;\n margin: 0; overflow-x: auto; font-size: 0.82em;\n line-height: 1.55;\n}\n.ai-bubble pre code {\n background: none; border: none; padding: 0; font-size: inherit; color: var(--text);\n}\n.code-block-wrap {\n margin: 0.45rem 0; border-radius: var(--radius-xs); border: 1px solid var(--border);\n overflow: hidden;\n}\n.code-block-wrap pre { border: none; border-radius: 0; }\n.code-block-header {\n display: flex; align-items: center; justify-content: space-between;\n padding: 0.3rem 0.75rem; background: var(--surface3);\n border-bottom: 1px solid var(--border); font-size: 0.72rem;\n}\n.code-block-lang {\n color: var(--text-dim); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;\n}\n.code-copy-btn {\n display: flex; align-items: center; gap: 0.25rem;\n background: none; border: none; cursor: pointer;\n color: var(--text-muted); font-size: 0.72rem; font-weight: 700;\n padding: 0.15rem 0.45rem; border-radius: var(--radius-xs);\n transition: background var(--transition), color var(--transition);\n}\n.code-copy-btn:hover { background: var(--surface2); color: var(--brand); }\n.ai-bubble blockquote {\n border-left: 3px solid var(--brand); margin: 0.4rem 0;\n padding: 0.25rem 0.75rem; color: var(--text-muted);\n background: var(--brand-soft); border-radius: 0 var(--radius-xs) var(--radius-xs) 0;\n}\n.ai-bubble ul, .ai-bubble ol {\n margin: 0.35rem 0; padding-left: 1.4rem;\n}\n.ai-bubble li { margin-bottom: 0.2rem; }\n.ai-bubble h1, .ai-bubble h2, .ai-bubble h3 {\n font-weight: 800; margin: 0.6rem 0 0.3rem; line-height: 1.4;\n font-style: normal !important;\n}\n.ai-bubble h1 { font-size: 1.1em; }\n.ai-bubble h2 { font-size: 1em; }\n.ai-bubble h3 { font-size: 0.92em; color: var(--text-muted); }\n.ai-bubble hr {\n border: none; border-top: 1px solid var(--border); margin: 0.5rem 0;\n}\n.ai-bubble p { margin: 0.25rem 0; }\n.ai-bubble p:first-child { margin-top: 0; }\n.ai-bubble p:last-child { margin-bottom: 0; }\n.ai-bubble a {\n color: var(--brand); text-decoration: underline;\n text-decoration-color: rgba(252,220,93,0.4);\n}\n.ai-bubble a:hover { text-decoration-color: var(--brand); }\n\n.ai-msg { animation: aiMsgIn 0.3s cubic-bezier(0.34,1.3,0.64,1); }\n@keyframes aiMsgIn { from { opacity:0; transform:translateY(12px) scale(0.97); } to { opacity:1; transform:none; } }\n\n.ai-disclaimer {\n padding: 0.35rem 1.5rem;\n font-size: 0.68rem;\n color: var(--text-dim);\n text-align: center;\n background: var(--surface);\n border-top: 1px solid var(--border);\n font-style: normal !important;\n}\n\n/* ─── Animations ─────────────────────────────── */\n@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\n.animate-in { animation: fadeIn 0.2s ease; }\n\n/* ─── Pasted Content Chip ────────────────────── */\n.pasted-chip {\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n margin-bottom: 0.5rem;\n overflow: hidden;\n animation: fadeIn 0.15s ease;\n}\n.pasted-chip-header {\n display: flex;\n align-items: center;\n gap: 0.45rem;\n padding: 0.35rem 0.65rem;\n font-size: 0.78rem;\n font-weight: 700;\n color: var(--text-muted);\n border-bottom: 1px solid var(--border);\n}\n.pasted-chip-header svg { flex-shrink: 0; width: 14px; height: 14px; opacity: 0.6; }\n.pasted-chip-size {\n font-weight: 500;\n font-size: 0.7rem;\n color: var(--text-dim);\n}\n.pasted-chip-preview {\n padding: 0.45rem 0.65rem;\n font-size: 0.75rem;\n color: var(--text-muted);\n max-height: 80px;\n overflow: hidden;\n margin: 0;\n white-space: pre-wrap;\n word-break: break-all;\n font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;\n line-height: 1.45;\n background: var(--surface);\n}\n\n/* ─── Streaming cursor blink ─────────────────── */\n.ai-bubble.streaming::after {\n content: '\\25CE';\n display: inline;\n animation: cursorBlink 0.8s step-end infinite;\n color: var(--brand);\n font-weight: 300;\n}\n@keyframes cursorBlink { 0%,100% { opacity:1; } 50% { opacity:0; } }\n\n/* ─── Loading Screen ─────────────────────────── */\n.loading-screen {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: var(--bg);\n transition: opacity 0.28s ease;\n}\n.loading-screen.fade-out {\n opacity: 0;\n pointer-events: none;\n}\n.loading-letters {\n display: flex;\n gap: 0.05rem;\n}\n.loading-letter {\n font-family: var(--font);\n font-size: 4rem;\n font-weight: 900;\n color: var(--brand);\n opacity: 0;\n transform: translateY(-40px);\n animation: letterDrop 0.38s cubic-bezier(0.34,1.5,0.64,1) forwards, letterGlow 0.35s ease 0.55s forwards;\n text-shadow: none;\n letter-spacing: -0.02em;\n}\n@keyframes letterDrop {\n 0% { opacity: 0; transform: translateY(-40px) scale(0.75); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n}\n@keyframes letterGlow {\n 0% { text-shadow: none; }\n 50% { text-shadow: 0 0 28px var(--brand-glow), 0 0 56px var(--brand-glow); }\n 100% { text-shadow: 0 0 10px rgba(255,218,74,0.3); }\n}\n@keyframes spin { to { transform: rotate(360deg) } }\n@keyframes loadingPulse { 0%,100% { opacity:0.6 } 50% { opacity:1 } }\n\n/* ─── Button Spinner ─────────────────────────── */\n.btn-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(26,22,8,0.3); border-top-color: #1a1608; border-radius: 50%; animation: spin .7s linear infinite; vertical-align: middle; margin-right: 6px; }\n\n/* ─── Bookmarklet page ───────────────────────── */\n.bm-page { max-width: 580px; width: 100%; }\n\n/* ─── Light mode ─────────────────────────────── */\nbody.light {\n --logo-fill: #1a1608;\n --bg: #faf9f2;\n --surface: #ffffff;\n --surface2: #f5f3e8;\n --surface3: #ede9d8;\n --border: #e0dbc8;\n --border-light: #d4ceb8;\n --text: #1a1608;\n --text-muted: #5a5440;\n --text-dim: #9a9178;\n --msg-own: rgba(252,220,93,0.15);\n --msg-own-border: rgba(232,200,50,0.35);\n --shadow: 0 4px 24px rgba(200,185,100,0.18);\n --shadow-lg: 0 32px 64px rgba(200,185,100,0.2), 0 0 0 1px rgba(0,0,0,0.04);\n}\nbody.light .auth-screen::before { background: radial-gradient(circle,rgba(200,170,30,0.25) 0%,transparent 70%); }\nbody.light .auth-toggle button { color: #8a7400; }\nbody.light .auth-toggle button:hover { color: #6b5a00; }\nbody.light .msg-meta .username.is-admin { color: #8a7400; }\nbody.light .room-item.active { color: #6b5a00; }\nbody.light .reply-bar-user,\nbody.light .reply-quote-user,\nbody.light .search-result-user { color: #8a7400; }\nbody.light .msg-bubble .mention { color: #8a7400; }\nbody.light .msg-row.other .msg-bubble { background: #fff; }\nbody.light .ai-msg.assistant .ai-bubble { background: #fff; }\nbody.light .online-dot { box-shadow: 0 0 0 2px #fff; }\nbody.light input[type=\"text\"],\nbody.light input[type=\"email\"],\nbody.light input[type=\"password\"],\nbody.light input[type=\"number\"] { background: #f8f6ea; }\n/* Light mode: make logo/brand text dark for readability */\nbody.light .auth-logo svg,\nbody.light .sidebar-logo-wrap svg,\nbody.light .empty-state svg { --brand-fill: #1a1608; }\nbody.light .auth-logo svg { color: #1a1608; }\nbody.light .loading-letter { color: #1a1608; text-shadow: none; }\nbody.light .loading-letter { animation: letterDrop 0.38s cubic-bezier(0.34,1.5,0.64,1) forwards, letterGlowLight 0.35s ease 0.55s forwards; }\n@keyframes letterGlowLight {\n 0% { text-shadow: none; }\n 50% { text-shadow: 0 0 16px rgba(200,170,30,0.4), 0 0 32px rgba(200,170,30,0.2); }\n 100% { text-shadow: 0 0 6px rgba(200,170,30,0.15); }\n}\n\n/* ─── Message action bar ─────────────────────── */\n.icon { display:inline-flex;align-items:center;justify-content:center; }\n.reaction-picker { position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.35rem 0.5rem;display:flex;gap:0.2rem;z-index:50;box-shadow:0 8px 32px rgba(0,0,0,0.45);animation:fadeIn .13s ease; }\n.reaction-btn-pick { background:none;border:none;cursor:pointer;padding:0.2rem 0.25rem;border-radius:5px;transition:background .12s;display:flex;align-items:center;justify-content:center; }\n.reaction-btn-pick:hover { background:var(--surface2); }\n.reaction-btn-pick svg { display:block; }\n.msg-reactions-outer { pointer-events:auto; }\n.reaction-chip { display:inline-flex;align-items:center;gap:3px;padding:0.15rem 0.4rem;border-radius:99px;border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,0.35);cursor:pointer;font-size:0.72rem;font-weight:700;color:var(--text-muted);transition:all .13s;user-select:none; }\n.reaction-chip:hover { border-color:var(--brand);color:var(--brand);box-shadow:0 2px 12px var(--brand-glow); }\n.reaction-chip.own { border-color:var(--brand);background:var(--brand-soft);color:var(--brand); }\n.reaction-chip svg { display:block;flex-shrink:0; }\n.reply-bar { display:flex;align-items:center;gap:0.6rem;background:var(--surface2);border-left:2.5px solid var(--brand);border-radius:0 var(--radius-xs) var(--radius-xs) 0;padding:0.45rem 0.75rem;margin-bottom:0.4rem;font-size:0.8rem; }\n.reply-bar-info { flex:1;min-width:0; }\n.reply-bar-user { font-weight:800;color:var(--brand);font-size:0.72rem;margin-bottom:1px; }\n.reply-bar-text { color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }\n.reply-quote { background:var(--surface3);border-left:2.5px solid var(--brand);border-radius:0 var(--radius-xs) var(--radius-xs) 0;padding:0.3rem 0.55rem;margin-bottom:0.4rem;font-size:0.77rem;cursor:pointer; }\n.reply-quote-user { font-weight:800;color:var(--brand);margin-bottom:1px; }\n.reply-quote-text { color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }\n.msg-bubble-wrap { position:relative;display:flex;flex-direction:row;align-items:flex-end;gap:0.4rem;overflow:visible; }\n.swipe-hint.row-hint { position:absolute;top:50%;left:8px;transform:translateY(-50%) scale(0.7);opacity:0;transition:opacity .12s,transform .12s;pointer-events:none;color:var(--brand);z-index:5; }\n.msg-action-bar {\n display:flex;flex-direction:row;align-items:center;gap:0.15rem;flex-shrink:0;\n background:var(--surface);border:1px solid var(--border);border-radius:99px;\n padding:0.25rem 0.4rem;box-shadow:0 4px 16px rgba(0,0,0,0.3);\n white-space:nowrap;\n max-width:0;overflow:hidden;opacity:0;pointer-events:none;\n transition:max-width 0.28s cubic-bezier(0.34,1.2,0.64,1),opacity 0.22s cubic-bezier(0.34,1.2,0.64,1),transform 0.28s cubic-bezier(0.34,1.4,0.64,1);\n}\n.msg-bubble-wrap:has(.msg-bubble-col.has-reactions) .msg-action-bar { margin-bottom:1.6rem; }\n.msg-row.own .msg-bubble-wrap .msg-action-bar { transform:translateX(12px) scale(0.92);order:-1; }\n.msg-row.other .msg-bubble-wrap .msg-action-bar { transform:translateX(-12px) scale(0.92);order:1; }\n.msg-action-bar.open { max-width:640px;overflow:hidden;opacity:1;pointer-events:auto;transform:translateX(0) scale(1); }\n.msg-bubble-col { position:relative;display:table;max-width:min(72vw,480px);min-width:0;transition:transform 0.28s cubic-bezier(0.34,1.2,0.64,1); }\n.msg-row.own .msg-action-bar.open~.msg-bubble-col { transform:translateX(6px); }\n.msg-row.other .msg-action-bar.open~.msg-bubble-col { transform:translateX(-6px); }\n.msg-bubble-col>.msg-reactions-outer { position:absolute;top:100%;margin-top:0.25rem;display:flex;flex-wrap:nowrap;gap:0.25rem;pointer-events:auto;z-index:2; }\n.msg-row.own .msg-bubble-col>.msg-reactions-outer { right:0;flex-direction:row-reverse; }\n.msg-row.other .msg-bubble-col>.msg-reactions-outer { left:0;flex-direction:row; }\n.msg-bubble-col.has-reactions { margin-bottom:1.6rem; }\n.msg-action-react-btn { background:none;border:none;cursor:pointer;padding:0.2rem 0.25rem;border-radius:6px;transition:transform .1s,background .1s;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent; }\n.msg-action-react-btn:active,.msg-action-react-btn.active { background:var(--brand-soft);transform:scale(1.25); }\n.msg-action-bar-sep { width:1px;height:18px;background:var(--border);margin:0 0.2rem;flex-shrink:0; }\n.msg-action-btn { display:flex;align-items:center;gap:0.25rem;padding:0.25rem 0.55rem;background:none;border:none;border-radius:99px;font-size:0.78rem;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s;-webkit-tap-highlight-color:transparent;white-space:nowrap; }\n.msg-action-btn:active { background:var(--surface2);color:var(--text); }\n.msg-action-bar.open > *:nth-child(1) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.03s both; }\n.msg-action-bar.open > *:nth-child(2) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.06s both; }\n.msg-action-bar.open > *:nth-child(3) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.09s both; }\n.msg-action-bar.open > *:nth-child(4) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.12s both; }\n.msg-action-bar.open > *:nth-child(5) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.15s both; }\n.msg-action-bar.open > *:nth-child(6) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.18s both; }\n.msg-action-bar.open > *:nth-child(7) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.21s both; }\n.msg-action-bar.open > *:nth-child(8) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.24s both; }\n.msg-action-bar.open > *:nth-child(9) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.27s both; }\n.msg-action-bar.open > *:nth-child(10) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.30s both; }\n.msg-action-bar.open > *:nth-child(11) { animation:btnIn 0.2s cubic-bezier(0.34,1.5,0.64,1) 0.33s both; }\n@keyframes btnIn { from{opacity:0;transform:scale(0.7);}to{opacity:1;transform:scale(1);} }\n@keyframes ctxPop { from{opacity:0;transform:scale(0.88)}to{opacity:1;transform:scale(1)} }\n.confirm-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease; }\n.confirm-box { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;max-width:320px;width:90%;text-align:center;animation:ctxPop .2s cubic-bezier(0.34,1.4,0.64,1); }\n.confirm-box h3 { margin:0 0 0.5rem;font-size:1rem;font-weight:800; }\n.confirm-box p { font-size:0.85rem;color:var(--text-muted);margin:0 0 1.2rem; }\n.confirm-actions { display:flex;gap:0.6rem;justify-content:center; }\n.confirm-actions button { padding:0.5rem 1.2rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:0.875rem;font-weight:700;transition:opacity .15s; }\n.confirm-actions .btn-cancel { background:var(--surface2);color:var(--text); }\n.confirm-actions .btn-danger { background:var(--danger);color:#fff; }\n.confirm-actions button:active { opacity:0.75; }\n.scroll-to-bottom { position:absolute;bottom:1rem;left:50%;z-index:30;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#1a1608;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--brand-glow);transform:translate(-50%,0);animation:fadeInUp .2s cubic-bezier(0.34,1.4,0.64,1) both;will-change:transform;padding:0; }\n.scroll-to-bottom:hover { transform:translate(-50%,0) scale(1.1); }\n.scroll-to-bottom:active { transform:translate(-50%,0) scale(0.93); }\n@keyframes fadeInUp { from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)} }\n@keyframes msgSlideIn { from{opacity:0;transform:translateY(18px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)} }\n.msg-row.new-msg { animation:msgSlideIn .28s cubic-bezier(0.34,1.4,0.64,1); }\n@keyframes slideInRight { from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)} }\n.panel-anim { animation:slideInRight .22s cubic-bezier(0.34,1.4,0.64,1); }\n@keyframes chipPop { from{transform:scale(0.6)}to{transform:scale(1)} }\n.reaction-chip { animation:chipPop .18s cubic-bezier(0.34,1.56,0.64,1); }\n.edit-textarea { width:100%;background:var(--surface2);border:1px solid var(--brand);border-radius:var(--radius-xs);padding:0.4rem 0.6rem;color:var(--text);font-size:0.875rem;font-family:var(--font);resize:none;outline:none;min-height:36px; }\n.edit-actions { display:flex;gap:0.35rem;margin-top:0.3rem; }\n.edited-tag { font-size:0.65rem;color:var(--text-dim);margin-left:0.4rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.2rem;transition:color .13s;text-decoration:underline;text-decoration-style:dotted; }\n.edited-tag:hover { color:var(--text-muted); }\n.original-popover { position:absolute;z-index:40;bottom:calc(100% + 8px);max-width:min(320px,80vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.6rem 0.75rem;box-shadow:0 8px 32px rgba(0,0,0,0.45);animation:origPop .18s cubic-bezier(0.34,1.4,0.64,1); }\n.msg-row.own .original-popover { right:0; }\n.msg-row.other .original-popover { left:0; }\n@keyframes origPop { from{opacity:0;transform:translateY(6px) scale(0.95)}to{opacity:1;transform:none} }\n.original-popover-label { font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:0.3rem; }\n.original-popover-text { font-size:0.82rem;color:var(--text-muted);line-height:1.5;word-break:break-word; }\n.original-popover-arrow { position:absolute;bottom:-5px;width:10px;height:10px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg); }\n.msg-row.own .original-popover-arrow { right:14px; }\n.msg-row.other .original-popover-arrow { left:14px; }\n.edit-expired { font-size:0.68rem;color:var(--text-dim);padding:0.2rem 0.3rem;font-style:normal!important; }\n.link-preview { background:var(--surface2);border:1px solid var(--border);border-left:2.5px solid var(--brand);border-radius:var(--radius-xs);padding:0.55rem 0.75rem;margin-top:0.4rem;cursor:pointer;transition:border-color .15s;max-width:320px; }\n.link-preview:hover { border-color:var(--accent2); }\n.link-preview-site { font-size:0.68rem;color:var(--text-dim);margin-bottom:2px;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }\n.link-preview-title { font-size:0.82rem;font-weight:800;color:var(--text);margin-bottom:2px;line-height:1.3; }\n.link-preview-desc { font-size:0.75rem;color:var(--text-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }\n.link-preview-img { width:100%;max-height:120px;object-fit:cover;border-radius:4px;margin-top:0.4rem; }\n.typing-bar { height:22px;display:flex;align-items:center;gap:0.4rem;padding:0 1.375rem;font-size:0.74rem;color:var(--text-dim); }\n.typing-dots { display:flex;gap:3px;align-items:center; }\n.typing-dots span { width:4px;height:4px;border-radius:50%;background:var(--text-dim);animation:typingDot 1.4s ease infinite; }\n.typing-dots span:nth-child(2) { animation-delay:.2s; }\n.typing-dots span:nth-child(3) { animation-delay:.4s; }\n.search-panel { position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:30;display:flex;flex-direction:column;animation:fadeIn .15s ease; }\n.search-header { padding:.875rem 1.375rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;background:var(--surface); }\n.search-results { flex:1;overflow-y:auto;padding:.75rem 1.375rem;display:flex;flex-direction:column;gap:.5rem; }\n.search-result-item { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .875rem;cursor:pointer;transition:border-color .13s; }\n.search-result-item:hover { border-color:var(--brand); }\n.search-result-user { font-size:.75rem;font-weight:800;color:var(--brand);margin-bottom:3px; }\n.search-result-text { font-size:.85rem;color:var(--text);line-height:1.4; }\n.search-result-time { font-size:.68rem;color:var(--text-dim);margin-top:2px; }\n.unread-badge { background:var(--brand);color:#1a1608;border-radius:99px;font-size:.62rem;font-weight:800;padding:.08rem .38rem;min-width:16px;text-align:center;line-height:1.5;flex-shrink:0; }\n.theme-btn { background:none;border:none;cursor:pointer;color:var(--text-dim);padding:.35rem;border-radius:var(--radius-xs);transition:color .13s;display:flex;align-items:center; }\n.theme-btn:hover { color:var(--brand); }\n.admin-action-row { display:flex;align-items:center;gap:0.5rem;margin:0.4rem 0;padding:0.3rem 0.5rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs); }\n.admin-action-label { font-size:0.8rem;color:var(--text-muted);font-family:monospace;flex:1;min-width:0;word-break:break-all; }\n.admin-action-label code { background:var(--surface3);border-radius:3px;padding:0.05rem 0.3rem;font-size:0.77rem;color:var(--text); }\n.admin-exec-btn { flex-shrink:0;font-size:0.72rem!important;padding:0.2rem 0.55rem!important;display:flex;align-items:center;gap:0.25rem; }\n.admin-exec-btn.done { background:var(--surface3)!important;color:var(--text-muted)!important;border-color:var(--border)!important; }\n.blob-img-wrap { display:flex;flex-direction:column;gap:0.35rem;cursor:pointer; }\n.blob-img-wrap img { max-width:min(260px,60vw);max-height:200px;object-fit:cover;border-radius:var(--radius-xs);display:block; }\n.blob-img-name { font-size:0.7rem;color:var(--text-dim); }\n.blob-img-loading { width:min(260px,60vw);height:120px;background:var(--surface2);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:0.75rem; }\n.blob-expired { display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.55rem 0.9rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);opacity:0.6; }\n.blob-expired-label { font-size:0.7rem;color:var(--danger);font-weight:700;letter-spacing:.03em; }\n.blob-expired-name { font-size:0.7rem;color:var(--text-dim); }\n\n/* ─── Responsive (mobile) ────────────────────── */\n@media (max-width: 640px) {\n .app-layout {\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n }\n .sidebar {\n position: fixed;\n left: 0; top: 0; bottom: 0;\n width: 80vw;\n max-width: 280px;\n z-index: 60;\n transform: translateX(-100%);\n transition: transform 0.25s cubic-bezier(0.34,1.2,0.64,1);\n box-shadow: 12px 0 40px rgba(0,0,0,0.4);\n }\n .sidebar.mobile-open { transform: translateX(0); }\n .mobile-menu-btn {\n display: flex !important;\n position: fixed;\n top: 0.75rem;\n left: 0.75rem;\n z-index: 55;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius-xs);\n padding: 0.4rem;\n box-shadow: var(--shadow);\n }\n .messages-container { padding: 0.875rem 1rem 0.5rem; }\n .message-input-area { padding: 0.65rem 1rem 0.875rem; }\n .ai-messages { padding: 1rem; }\n .ai-input-area { padding: 0.65rem 1rem 0.875rem; }\n .chat-header { padding: 0.875rem 1rem 0.875rem 3.75rem; }\n .ai-header { padding: 0.875rem 1rem 0.875rem 3.75rem; }\n}\n.mobile-menu-btn { display: none; }\n\n.sidebar {\n transition: transform 0.25s cubic-bezier(0.34,1.2,0.64,1);\n}\n",[],[144,165],"0b263eac-39bc-11f1-b179-42b51c65c3df","index.tsx","019d9765-c687-762d-97e2-726a97ecc9bc",["D",1776361522677],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Kikko frontend — this file is loaded as a module from index.html\n// It contains the full React SPA for the chat application.\n// Due to the size of this file, the actual frontend code needs to be\n// placed here. For now this is a placeholder that will be populated.\nexport {};\n",[],[144,172],"f06aacb4-39bc-11f1-8e30-42b51c65c3df","index.html","019d9765-c687-762d-97e2-6ebd0be6c3f7",9,["D",1776361907504],3,"",[],[144,179],"8cf42e1c-39bc-11f1-bbbf-42b51c65c3df","icons.ts","8cf42ebc-39bc-11f1-bbbf-42b51c65c3df",4,["D",1776361740654],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createElement as h } from \"react\";\n\n// ── SVG Reaction emojis as colored vectors ───────────────────────────────────\nexport const REACTIONS = [\n { emoji: \"👍\", label: \"thumbs up\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"path\", { d: \"M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3m7-10v4a2 2 0 0 1-2 2H9l-2 5v1h10l1.5-7H14V2z\", fill: \"#FBBF24\", stroke: \"#D97706\", strokeWidth: 1.2, strokeLinejoin: \"round\" })) },\n { emoji: \"❤️\", label: \"heart\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"path\", { d: \"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\", fill: \"#EF4444\", stroke: \"#DC2626\", strokeWidth: 1 })) },\n { emoji: \"😂\", label: \"laugh\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"circle\", { cx: 12, cy: 12, r: 10, fill: \"#FBBF24\", stroke: \"#D97706\", strokeWidth: 1 }), h(\"path\", { d: \"M8 14s1.5 2 4 2 4-2 4-2\", stroke: \"#92400E\", strokeWidth: 1.5, strokeLinecap: \"round\" }), h(\"circle\", { cx: 9, cy: 10, r: 1, fill: \"#92400E\" }), h(\"circle\", { cx: 15, cy: 10, r: 1, fill: \"#92400E\" }), h(\"path\", { d: \"M6 8c0 0 1-2 3-1M18 8c0 0-1-2-3-1\", stroke: \"#D97706\", strokeWidth: 1, strokeLinecap: \"round\" })) },\n { emoji: \"😮\", label: \"wow\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"circle\", { cx: 12, cy: 12, r: 10, fill: \"#FBBF24\", stroke: \"#D97706\", strokeWidth: 1 }), h(\"ellipse\", { cx: 12, cy: 15, rx: 2.5, ry: 3, fill: \"#92400E\" }), h(\"circle\", { cx: 9, cy: 10, r: 1, fill: \"#92400E\" }), h(\"circle\", { cx: 15, cy: 10, r: 1, fill: \"#92400E\" })) },\n { emoji: \"🔥\", label: \"fire\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"path\", { d: \"M12 2c0 0-4 4-4 9a4 4 0 0 0 8 0c0-2-1-4-2-5 0 0 0 3-2 3s-2-3-2-3c0 3-2 4-2 4 0-5 4-8 4-8z\", fill: \"#F97316\", stroke: \"#EA580C\", strokeWidth: .5 }), h(\"path\", { d: \"M12 22c-2.76 0-5-2.24-5-5 0-2.5 1.5-4 2-5 0 0 .5 2 2 2s2-2 2-2c.5 1 1 2.5 1 4 0 1-.5 2-1 2 1.5-.5 2-2 2-3.5 1 1.5 1 3.5 0 5-.55 1-1.45 2-3 2.5z\", fill: \"#FCD34D\", stroke: \"#FBBF24\", strokeWidth: .5 })) },\n { emoji: \"👀\", label: \"eyes\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"ellipse\", { cx: 7, cy: 12, rx: 4, ry: 3, fill: \"#fff\", stroke: \"#374151\", strokeWidth: 1 }), h(\"circle\", { cx: 7, cy: 12, r: 1.5, fill: \"#1D4ED8\" }), h(\"ellipse\", { cx: 17, cy: 12, rx: 4, ry: 3, fill: \"#fff\", stroke: \"#374151\", strokeWidth: 1 }), h(\"circle\", { cx: 17, cy: 12, r: 1.5, fill: \"#1D4ED8\" })) },\n { emoji: \"🎉\", label: \"party\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"path\", { d: \"M4 20L10 4\", stroke: \"#D97706\", strokeWidth: 2, strokeLinecap: \"round\" }), h(\"path\", { d: \"M4 20l8-4\", stroke: \"#D97706\", strokeWidth: 2, strokeLinecap: \"round\" }), h(\"circle\", { cx: 14, cy: 6, r: 2, fill: \"#EF4444\" }), h(\"circle\", { cx: 18, cy: 10, r: 1.5, fill: \"#8B5CF6\" }), h(\"circle\", { cx: 20, cy: 5, r: 1, fill: \"#10B981\" }), h(\"path\", { d: \"M12 14l2 2 4-4\", stroke: \"#FBBF24\", strokeWidth: 1.5, strokeLinecap: \"round\" })) },\n { emoji: \"💯\", label: \"100\", svg: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\" }, h(\"text\", { x: 1, y: 17, fontSize: 13, fontWeight: \"bold\", fill: \"#EF4444\", fontFamily: \"sans-serif\" }, \"💯\")) },\n];\n\n// ── SVG Icons ─────────────────────────────────────────────────────────────────\nexport const Ico = {\n huddle: () => h(\"svg\", { width: 20, height: 20, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" })),\n world: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"circle\", { cx: 12, cy: 12, r: 10 }), h(\"line\", { x1: 2, y1: 12, x2: 22, y2: 12 }), h(\"path\", { d: \"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" })),\n lock: () => h(\"svg\", { width: 13, height: 13, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"rect\", { x: 3, y: 11, width: 18, height: 11, rx: 2, ry: 2 }), h(\"path\", { d: \"M7 11V7a5 5 0 0 1 10 0v4\" })),\n users: () => h(\"svg\", { width: 17, height: 17, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" }), h(\"circle\", { cx: 9, cy: 7, r: 4 }), h(\"path\", { d: \"M23 21v-2a4 4 0 0 0-3-3.87\" }), h(\"path\", { d: \"M16 3.13a4 4 0 0 1 0 7.75\" })),\n send: () => h(\"svg\", { width: 17, height: 17, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"line\", { x1: 22, y1: 2, x2: 11, y2: 13 }), h(\"polygon\", { points: \"22 2 15 22 11 13 2 9 22 2\" })),\n attach: () => h(\"svg\", { width: 17, height: 17, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\" })),\n close: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5, strokeLinecap: \"round\" }, h(\"line\", { x1: 18, y1: 6, x2: 6, y2: 18 }), h(\"line\", { x1: 6, y1: 6, x2: 18, y2: 18 })),\n plus: () => h(\"svg\", { width: 15, height: 15, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5, strokeLinecap: \"round\" }, h(\"line\", { x1: 12, y1: 5, x2: 12, y2: 19 }), h(\"line\", { x1: 5, y1: 12, x2: 19, y2: 12 })),\n settings: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"circle\", { cx: 12, cy: 12, r: 3 }), h(\"path\", { d: \"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\" })),\n logout: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" }), h(\"polyline\", { points: \"16 17 21 12 16 7\" }), h(\"line\", { x1: 21, y1: 12, x2: 9, y2: 12 })),\n shield: () => h(\"svg\", { width: 15, height: 15, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" })),\n file: () => h(\"svg\", { width: 18, height: 18, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\" }), h(\"polyline\", { points: \"13 2 13 9 20 9\" })),\n ghost: () => h(\"svg\", { width: 15, height: 15, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M9 10h.01M15 10h.01M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z\" })),\n ai: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"rect\", { x: 3, y: 3, width: 18, height: 18, rx: 3 }), h(\"path\", { d: \"M9 9h6M9 12h6M9 15h4\" })),\n trash: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"polyline\", { points: \"3 6 5 6 21 6\" }), h(\"path\", { d: \"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\" }), h(\"path\", { d: \"M10 11v6M14 11v6\" }), h(\"path\", { d: \"M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2\" })),\n check: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2.5, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"polyline\", { points: \"20 6 9 17 4 12\" })),\n user: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" }), h(\"circle\", { cx: 12, cy: 7, r: 4 })),\n reply: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"polyline\", { points: \"9 17 4 12 9 7\" }), h(\"path\", { d: \"M20 18v-2a4 4 0 0 0-4-4H4\" })),\n edit: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\" }), h(\"path\", { d: \"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\" })),\n search: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"circle\", { cx: 11, cy: 11, r: 8 }), h(\"line\", { x1: 21, y1: 21, x2: 16.65, y2: 16.65 })),\n sun: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"circle\", { cx: 12, cy: 12, r: 5 }), h(\"line\", { x1: 12, y1: 1, x2: 12, y2: 3 }), h(\"line\", { x1: 12, y1: 21, x2: 12, y2: 23 }), h(\"line\", { x1: 4.22, y1: 4.22, x2: 5.64, y2: 5.64 }), h(\"line\", { x1: 18.36, y1: 18.36, x2: 19.78, y2: 19.78 }), h(\"line\", { x1: 1, y1: 12, x2: 3, y2: 12 }), h(\"line\", { x1: 21, y1: 12, x2: 23, y2: 12 }), h(\"line\", { x1: 4.22, y1: 19.78, x2: 5.64, y2: 18.36 }), h(\"line\", { x1: 18.36, y1: 5.64, x2: 19.78, y2: 4.22 })),\n moon: () => h(\"svg\", { width: 16, height: 16, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\" })),\n smile: () => h(\"svg\", { width: 17, height: 17, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"circle\", { cx: 12, cy: 12, r: 10 }), h(\"path\", { d: \"M8 14s1.5 2 4 2 4-2 4-2\" }), h(\"line\", { x1: 9, y1: 9, x2: 9.01, y2: 9 }), h(\"line\", { x1: 15, y1: 9, x2: 15.01, y2: 9 })),\n link: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"path\", { d: \"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" }), h(\"path\", { d: \"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" })),\n copy: () => h(\"svg\", { width: 14, height: 14, viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }, h(\"rect\", { x: 9, y: 9, width: 13, height: 13, rx: 2, ry: 2 }), h(\"path\", { d: \"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" })),\n};\n",[],[144,188],"0b25eeca-39bc-11f1-b179-42b51c65c3df","bookmarklet.html","019d9765-c687-762d-97e2-6bfe860b8df9",["D",1776361522677],"\n\n\n \n \n Kikko Bookmarklet\n \n \n\n\n

Kikko Bookmarklet

Open Kikko as a floating widget on any webpage — without leaving the site.

\n\n

Desktop: Drag the bookmark below to your browser's bookmarks bar

Mobile: Copy the code below, add a new bookmark manually, and paste it as the URL

Visit any page and tap or click the bookmarklet — Kikko floats on top

\n\n

Drag to bookmarks bar

\n 🔖\n

Drag this link to your bookmarks bar

\n Loading…\n

\n\n

Or copy for mobile

Loading…

\n \n

\n\n

\n 📱\n On mobile: tap Copy above → open your browser bookmarks → create a new bookmark → paste as the URL. Then tap it on any page to launch Kikko.\n

\n\n

\n\n \n\n ← Back to Kikko\n

\n\n\n\n",[],[144,196],"61243d4a-39bc-11f1-8518-42b51c65c3df","components","61243de0-39bc-11f1-8518-42b51c65c3df",["D",1776361667150],[208,209],[144,203],{"_36":218,"_13":219,"_63":220,"_65":204,"_67":68,"_69":221,"_71":72,"_38":222,"_17":34,"_74":75,"_76":223,"_78":51,"_79":-5,"_102":224,"_18":225},{"_36":210,"_13":211,"_63":212,"_65":204,"_67":68,"_69":213,"_71":72,"_38":214,"_17":34,"_74":75,"_76":215,"_78":51,"_79":-5,"_102":216,"_18":217},"a3c18b9e-39bc-11f1-9dab-42b51c65c3df","shared.tsx","a3c18cb6-39bc-11f1-9dab-42b51c65c3df",6,["D",1776361778910],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createElement as h, useState, useEffect, useRef } from \"react\";\nimport { REACTIONS } from \"../icons.ts\";\nimport { api } from \"../utils.ts\";\n\n// ── Kikko Wordmark ────────────────────────────────────────────────────────────\nexport function KikkoLogo({ height = 40, fill = \"currentColor\" }: { height?: number; fill?: string }) {\n const fontSize = height * 0.92;\n return h(\"span\", {\n style: {\n fontFamily: \"var(--font)\",\n fontWeight: 900,\n fontSize: fontSize + \"px\",\n color: fill === \"currentColor\" ? undefined : fill,\n letterSpacing: \"-0.02em\",\n lineHeight: 1,\n display: \"inline-block\",\n userSelect: \"none\",\n WebkitUserSelect: \"none\",\n },\n }, \"kikko\");\n}\n\n// ── ConfirmDialog ─────────────────────────────────────────────────────────────\nexport function ConfirmDialog({ title, message, danger = \"Delete\", onConfirm, onCancel }: {\n title: string;\n message: string;\n danger?: string;\n onConfirm: () => void;\n onCancel: () => void;\n}) {\n return h(\"div\", {\n className: \"confirm-overlay\",\n onPointerDown: (e: any) => { if (e.target === e.currentTarget) onCancel(); },\n },\n h(\"div\", { className: \"confirm-box\" },\n h(\"h3\", null, title),\n h(\"p\", null, message),\n h(\"div\", { className: \"confirm-actions\" },\n h(\"button\", { className: \"btn-cancel\", onClick: onCancel }, \"Cancel\"),\n h(\"button\", { className: \"btn-danger\", onClick: onConfirm }, danger)\n )\n )\n );\n}\n\n// ── Link Preview ──────────────────────────────────────────────────────────────\nconst previewCache: Record = {};\nexport function LinkPreview({ url, token }: { url: string; token?: string }) {\n const [data, setData] = useState(previewCache[url] || null);\n const [failed, setFailed] = useState(false);\n useEffect(() => {\n if (data || failed) return;\n api(\"/api/link-preview?url=\" + encodeURIComponent(url), {}, token)\n .then((r) => r.json())\n .then((d) => {\n if (d.title) { previewCache[url] = d; setData(d); }\n else setFailed(true);\n })\n .catch(() => setFailed(true));\n }, [url]);\n if (!data || failed) return null;\n return h(\"div\", { className: \"link-preview\", onClick: () => window.open(url, \"_blank\") },\n data.siteName && h(\"div\", { className: \"link-preview-site\" }, data.siteName),\n h(\"div\", { className: \"link-preview-title\" }, data.title),\n data.description && h(\"div\", { className: \"link-preview-desc\" }, data.description),\n data.image && h(\"img\", {\n className: \"link-preview-img\",\n src: data.image,\n alt: \"\",\n onError: (e: any) => (e.target.style.display = \"none\"),\n })\n );\n}\n\n// ── Reaction Picker ───────────────────────────────────────────────────────────\nexport function ReactionPicker({ onPick, onClose, style }: {\n onPick: (emoji: string) => void;\n onClose: () => void;\n style?: any;\n}) {\n const ref = useRef(null);\n useEffect(() => {\n const handler = (e: MouseEvent) => {\n if (ref.current && !ref.current.contains(e.target as Node)) onClose();\n };\n setTimeout(() => document.addEventListener(\"mousedown\", handler), 0);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, []);\n return h(\"div\", { className: \"reaction-picker\", style, ref },\n REACTIONS.map((r) =>\n h(\"button\", {\n key: r.emoji,\n className: \"reaction-btn-pick\",\n title: r.label,\n onClick: () => { onPick(r.emoji); onClose(); },\n }, r.svg())\n )\n );\n}\n",[],[144,203,211],"b0283cde-39bc-11f1-9bc9-42b51c65c3df","auth-screen.tsx","b0283de2-39bc-11f1-9bc9-42b51c65c3df",7,["D",1776361799709],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createElement as h, useState, Fragment } from \"react\";\nimport { KikkoLogo } from \"./shared.tsx\";\nimport { api } from \"../utils.ts\";\n\nexport function AuthScreen({ onLogin }: { onLogin: (user: any) => void }) {\n const [mode, setMode] = useState<\"login\" | \"signup\" | \"recover\">(\"login\");\n const [form, setForm] = useState({ username: \"\", email: \"\", password: \"\" });\n const [error, setError] = useState(\"\");\n const [success, setSuccess] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const set = (k: string, v: string) => setForm((f) => ({ ...f, [k]: v }));\n\n const submit = async () => {\n setError(\"\"); setSuccess(\"\"); setLoading(true);\n try {\n if (mode === \"recover\") {\n const r = await api(\"/api/recover\", { method: \"POST\", body: JSON.stringify({ identifier: form.email || form.username }) });\n const d = await r.json();\n if (!r.ok) setError(d.error);\n else setSuccess(\"If that account exists, your password has been sent to your email.\");\n } else if (mode === \"signup\") {\n const r = await api(\"/api/signup\", { method: \"POST\", body: JSON.stringify(form) });\n const d = await r.json();\n if (!r.ok) setError(d.error);\n else { localStorage.setItem(\"kik_token\", d.apiToken || \"\"); onLogin(d.user); }\n } else {\n const r = await api(\"/api/login\", { method: \"POST\", body: JSON.stringify({ username: form.username, password: form.password }) });\n const d = await r.json();\n if (!r.ok) setError(d.error);\n else { localStorage.setItem(\"kik_token\", d.apiToken || \"\"); onLogin(d.user); }\n }\n } catch { setError(\"Network error. Please try again.\"); }\n finally { setLoading(false); }\n };\n\n const onKey = (e: any) => e.key === \"Enter\" && submit();\n const sw = (m: \"login\" | \"signup\" | \"recover\") => { setMode(m); setError(\"\"); setSuccess(\"\"); };\n\n return h(\"div\", { className: \"auth-screen\" },\n h(\"div\", { className: \"auth-card animate-in\" },\n h(\"div\", { className: \"auth-logo\" },\n h(KikkoLogo, { height: 48, fill: \"var(--logo-fill)\" })\n ),\n error && h(\"div\", { className: \"error-msg\" }, error),\n success && h(\"div\", { className: \"success-msg\" }, success),\n mode === \"recover\"\n ? h(\"div\", { className: \"form-group\" },\n h(\"label\", null, \"Username or Email\"),\n h(\"input\", { type: \"text\", placeholder: \"Enter username or email\", value: form.email, onChange: (e: any) => set(\"email\", e.target.value), onKeyDown: onKey, autoFocus: true })\n )\n : h(\"div\", null,\n h(\"div\", { className: \"form-group\" },\n h(\"label\", null, \"Username\"),\n h(\"input\", { type: \"text\", placeholder: \"username\", value: form.username, onChange: (e: any) => set(\"username\", e.target.value), onKeyDown: onKey, autoFocus: true })\n ),\n mode === \"signup\" && h(\"div\", { className: \"form-group\" },\n h(\"label\", null, \"Email\"),\n h(\"input\", { type: \"email\", placeholder: \"you@example.com\", value: form.email, onChange: (e: any) => set(\"email\", e.target.value), onKeyDown: onKey })\n ),\n h(\"div\", { className: \"form-group\" },\n h(\"label\", null, \"Password\"),\n h(\"input\", { type: \"password\", placeholder: \"••••••••\", value: form.password, onChange: (e: any) => set(\"password\", e.target.value), onKeyDown: onKey })\n )\n ),\n h(\"button\", { className: \"btn btn-primary\", onClick: submit, disabled: loading },\n loading\n ? h(Fragment, null, h(\"span\", { className: \"btn-spinner\" }), mode === \"login\" ? \"Signing in…\" : mode === \"signup\" ? \"Creating account…\" : \"Sending…\")\n : mode === \"login\" ? \"Sign In\" : mode === \"signup\" ? \"Create Account\" : \"Send Password to Email\"\n ),\n h(\"div\", { className: \"auth-toggle\" },\n mode === \"login\" && h(\"span\", null,\n h(\"button\", { onClick: () => sw(\"signup\") }, \"Create account\"), \" · \",\n h(\"button\", { onClick: () => sw(\"recover\") }, \"Forgot password?\")\n ),\n mode === \"signup\" && h(\"button\", { onClick: () => sw(\"login\") }, \"Already have an account? Sign in\"),\n mode === \"recover\" && h(\"button\", { onClick: () => sw(\"login\") }, \"Back to sign in\")\n )\n )\n );\n}\n",[],[144,203,219],["D",1776361522677],[229,230],[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":234,"_17":34,"_74":75,"_76":85,"_78":51,"_79":-5,"_102":235,"_18":236},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":231,"_17":34,"_74":75,"_76":77,"_78":51,"_79":-5,"_102":232,"_18":233},["D",1776361522677],[],[19,62],["D",1776361522677],[],[19,82],"0b0de956-39bc-11f1-b179-42b51c65c3df",["D",1776361522677],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","6921dcbd-6810-4aee-b280-33c34ab5b0d0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019d9765-970f-70a9-abf1-5da3b72669e9","tursoName","0b0de95639bc11f1b17942b51c65c3df","tursoHostname","0b0de95639bc11f1b17942b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789509672838],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_281":184},"org",{"_11":12,"_276":-5,"_277":184,"_243":244,"_278":279,"_280":51},"branch",{"_17":181,"_13":16,"_36":68,"_42":237,"_45":37,"_46":44,"_273":53,"_274":43,"_275":57,"_58":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":237,"_13":14,"_38":377,"_49":-5,"_239":51,"_52":53,"_240":53,"_241":-5,"_242":-5,"_243":244,"_245":-5,"_246":51,"_247":-5,"_248":-5,"_249":34,"_56":250,"_251":252,"_253":254,"_255":378,"_257":-5,"_258":259,"_260":259,"_261":262,"_263":262,"_264":262,"_265":259,"_266":259,"_267":379,"_269":380,"_271":381,"_50":51},[320,323,333,337,338],"files",[320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338],"counts",{"_311":34,"_312":70,"_313":70,"_35":314,"_315":316},[307,308],{"_36":87,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":88,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_18":306},"upstreamProject",{"_36":43,"_13":14,"_241":-5,"_242":-5,"_52":53,"_267":305},"upstreamBranch",{"_36":37,"_38":303,"_40":304,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776284391967],["D",1776352924247],{"_11":55,"_281":184},[19],{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":84,"_17":34,"_74":75,"_76":85,"_78":51,"_79":-5,"_18":310},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":34,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":309},[19,62],[19,82],"pulls","branches","forks",{"_317":34,"_319":34},"connections",{"_317":34,"_318":34},"count","unfilledCount","emptyCount",{"_36":87,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":226,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_102":375,"_18":376},{"_36":81,"_13":82,"_63":83,"_65":66,"_67":68,"_69":70,"_71":72,"_38":234,"_17":34,"_74":75,"_76":85,"_78":51,"_79":-5,"_102":373,"_18":374},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":231,"_17":34,"_74":75,"_76":77,"_78":51,"_79":-5,"_102":371,"_18":372},{"_36":143,"_13":144,"_63":145,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":146,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_102":369,"_18":370},{"_36":202,"_13":203,"_63":204,"_65":145,"_67":68,"_69":183,"_71":72,"_38":205,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_102":367,"_18":368},{"_36":218,"_13":219,"_63":220,"_65":204,"_67":68,"_69":221,"_71":72,"_38":222,"_17":34,"_74":75,"_76":223,"_78":51,"_79":-5,"_102":365,"_18":366},{"_36":210,"_13":211,"_63":212,"_65":204,"_67":68,"_69":213,"_71":72,"_38":214,"_17":34,"_74":75,"_76":215,"_78":51,"_79":-5,"_102":363,"_18":364},{"_36":195,"_13":196,"_63":197,"_65":145,"_67":68,"_69":70,"_71":72,"_38":198,"_17":34,"_74":24,"_76":199,"_78":51,"_79":-5,"_102":361,"_18":362},{"_36":187,"_13":188,"_63":189,"_65":145,"_67":68,"_69":190,"_71":72,"_38":191,"_17":34,"_74":75,"_76":192,"_78":51,"_79":-5,"_102":359,"_18":360},{"_36":178,"_13":179,"_63":180,"_65":145,"_67":68,"_69":181,"_71":72,"_38":182,"_17":183,"_74":24,"_76":184,"_78":51,"_79":-5,"_102":357,"_18":358},{"_36":171,"_13":172,"_63":173,"_65":145,"_67":68,"_69":70,"_71":72,"_38":174,"_17":34,"_74":75,"_76":175,"_78":51,"_79":-5,"_102":355,"_18":356},{"_36":164,"_13":165,"_63":166,"_65":145,"_67":68,"_69":70,"_71":72,"_38":167,"_17":34,"_74":24,"_76":168,"_78":51,"_79":-5,"_102":353,"_18":354},{"_36":156,"_13":157,"_63":158,"_65":145,"_67":68,"_69":159,"_71":72,"_38":160,"_17":34,"_74":75,"_76":161,"_78":51,"_79":-5,"_102":351,"_18":352},{"_36":113,"_13":114,"_63":115,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":116,"_17":34,"_74":89,"_76":-5,"_78":51,"_79":-5,"_102":349,"_18":350},{"_36":136,"_13":137,"_63":138,"_65":115,"_67":68,"_69":70,"_71":72,"_38":139,"_17":34,"_74":75,"_76":140,"_78":51,"_79":-5,"_102":347,"_18":348},{"_36":129,"_13":130,"_63":131,"_65":115,"_67":68,"_69":70,"_71":72,"_38":132,"_17":34,"_74":75,"_76":133,"_78":51,"_79":-5,"_102":345,"_18":346},{"_36":122,"_13":123,"_63":124,"_65":115,"_67":68,"_69":70,"_71":72,"_38":125,"_17":34,"_74":75,"_76":126,"_78":51,"_79":-5,"_102":343,"_18":344},{"_36":105,"_13":106,"_63":107,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":108,"_17":34,"_74":109,"_76":110,"_78":51,"_79":-5,"_102":341,"_18":342},{"_36":96,"_13":97,"_63":98,"_65":-5,"_67":68,"_69":70,"_71":72,"_38":99,"_17":34,"_74":100,"_76":101,"_78":51,"_79":-5,"_102":339,"_18":340},[],[97],[],[106],[],[114,123],[],[114,130],[],[114,137],[334,335,336],[114],[],[144,157],[],[144,165],[],[144,172],[],[144,179],[],[144,188],[],[144,196],[],[144,203,211],[],[144,203,219],[325,326],[144,203],[324,327,328,329,330,331,332],[144],[],[19,62],[],[19,82],[321,322],[19],["D",1776361522677],["D",1789509672838],{"_11":12,"_281":184},{"_11":12,"_276":-5,"_277":184,"_243":244,"_278":279,"_280":51},{"_17":181,"_13":16,"_36":68,"_42":237,"_45":37,"_46":44,"_273":53,"_274":43,"_275":57,"_58":14,"_54":12},"ctx",{"_267":-5,"_300":415,"_416":417,"_418":419,"_420":51,"_421":51,"_422":51,"_423":72,"_424":-5,"_425":-7,"_426":-7,"_427":34,"_428":51,"_429":51,"_430":-5,"_431":51,"_432":51,"_433":51,"_434":-5},"ENV",{"_386":387,"_388":389,"_390":16,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]