[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","nakd","name","Ch","path","client.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/nakd/Ch/code/client.ts","extension","id","2dc8e78a-8307-4c9d-8b91-8805c5b919ae","fileId","9f6caee6-a7f0-11f1-b997-1607ee4eb77e","parentId","branchId","594e4a6a-323f-428b-9eab-672f4c3d972e","branchVersion",40,"latest",true,"createdAt",["D",1789191632534],"version",11,"fileType","script","content","//　client.ts\nexport const jsContent = `\n/* =====================================================================\n 基本ユーティリティ\n ===================================================================== */\nfunction $(id) { return document.getElementById(id); }\nfunction escapeHtml(s) { if (s == null || s === \"\") return \"\"; return String(s).replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c])); }\nfunction truncateText(s, n) { if (!s) return \"\"; return s.length > n ? s.slice(0, n) + \"…\" : s; }\nfunction pad2(n) { return String(n).padStart(2, \"0\"); }\nfunction icon(name) { return ''; }\nconst DAYS = [\"日\", \"月\", \"火\", \"水\", \"木\", \"金\", \"土\"];\nfunction fmtTime(ts) { const d = new Date(ts); return d.getHours() + \":\" + pad2(d.getMinutes()); }\nfunction fmtDate(ts) { const d = new Date(ts); return (d.getMonth() + 1) + \"月\" + d.getDate() + \"日(\" + DAYS[d.getDay()] + \")\"; }\nfunction dateKey(ts) { const d = new Date(ts); return d.getFullYear() + \"-\" + d.getMonth() + \"-\" + d.getDate(); }\nfunction isToday(ts) { return dateKey(ts) === dateKey(Date.now()); }\nfunction isYesterday(ts) { const y = new Date(); y.setDate(y.getDate() - 1); return dateKey(ts) === dateKey(y.getTime()); }\nfunction fmtDateDivider(ts) {\n if (isToday(ts)) return \"今日\";\n if (isYesterday(ts)) return \"昨日\";\n const d = new Date(ts); const now = new Date();\n return (d.getFullYear() !== now.getFullYear() ? d.getFullYear() + \"年\" : \"\") + fmtDate(ts);\n}\nfunction fmtListTime(ts) {\n if (!ts) return \"\";\n if (isToday(ts)) return fmtTime(ts);\n if (isYesterday(ts)) return \"昨日\";\n const d = new Date(ts); const now = new Date();\n if (d.getFullYear() !== now.getFullYear()) return d.getFullYear() + \"/\" + (d.getMonth() + 1) + \"/\" + d.getDate();\n return (d.getMonth() + 1) + \"/\" + d.getDate();\n}\nfunction fileToBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = (e) => reject(e); }); }\nasync function copyText(text) { try { await navigator.clipboard.writeText(text); return true; } catch (e) { return false; } }\n\nlet toastTimer = null;\nfunction toast(msg) {\n const t = $(\"toast\"); t.textContent = msg; t.classList.add(\"show\");\n clearTimeout(toastTimer); toastTimer = setTimeout(() => t.classList.remove(\"show\"), 2200);\n}\n\nconst AVATAR_COLORS = [\"#4a8af4\", \"#6c5ce7\", \"#00b894\", \"#f39c12\", \"#e84393\", \"#0abde3\", \"#a55eea\", \"#06c755\", \"#fd7e14\", \"#20bf6b\"];\nfunction colorForKey(key) {\n let hash = 0; const s = String(key || \"?\");\n for (let i = 0; i < s.length; i++) { hash = (hash * 31 + s.charCodeAt(i)) >>> 0; }\n return AVATAR_COLORS[hash % AVATAR_COLORS.length];\n}\nfunction buildAvatarHtml(name, avatarUrl, colorKey, cls) {\n cls = cls ? \" \" + cls : \"\";\n if (avatarUrl) return ' $\"\"$ ';\n const trimmed = (name || \"\").trim();\n const letter = escapeHtml(trimmed ? trimmed.charAt(0).toUpperCase() : \"?\");\n return '

' + letter + \"

\";\n}\nfunction buildGroupIconHtml(iconUrl, cls) {\n cls = cls ? \" \" + cls : \"\";\n if (iconUrl) return ' $\"\"$ ';\n return '

' + icon(\"people\") + \"

\";\n}\nfunction buildRoomIconHtml(r, cls) {\n if (r.type === \"group\") return buildGroupIconHtml(r.icon, cls);\n if (r.type === \"dm\") return buildAvatarHtml(r.title, r.icon, r.room, cls);\n const letter = escapeHtml((r.room || \"?\").charAt(0).toUpperCase());\n return '

' + letter + \"

\";\n}\n\nasync function apiPost(path, payload) {\n const res = await fetch(path, { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(payload || {}) });\n let data = {}; try { data = await res.json(); } catch (e) {}\n if (!res.ok || data.error) throw new Error(data.error || (\"HTTP \" + res.status));\n return data;\n}\nasync function apiGet(path) {\n const res = await fetch(path);\n let data = {}; try { data = await res.json(); } catch (e) {}\n if (!res.ok || data.error) throw new Error(data.error || (\"HTTP \" + res.status));\n return data;\n}\nfunction apiErrorMessage(err) {\n const m = String(err && err.message || err);\n const map = { name_required: \"名前を入力してください\", invalid_line_id: \"IDは半角英数字と . _ - で4〜20文字です\", id_taken: \"このIDは既に使われています\", not_found: \"見つかりませんでした\", unauthorized: \"アカウント認証に失敗しました\", forbidden: \"このトークに参加していません\", invalid_friend: \"自分自身は追加できません\" };\n return map[m] || (\"エラー: \" + m);\n}\n\n/* =====================================================================\n アイデンティティ（匿名 / LINEアカウント）\n ===================================================================== */\nfunction getAnonId() {\n let id = localStorage.getItem(\"chatUserId\");\n if (!id) { id = Math.random().toString(36).slice(2, 12) + Date.now().toString(36); localStorage.setItem(\"chatUserId\", id); }\n return id;\n}\nconst anonUserId = getAnonId();\nfunction loadAnonProfile() { const name = localStorage.getItem(\"chatName\"); if (!name) return null; return { name, avatar: localStorage.getItem(\"chatAvatar\") || \"\" }; }\nfunction saveAnonProfile(name, avatar) {\n localStorage.setItem(\"chatName\", name);\n if (avatar) localStorage.setItem(\"chatAvatar\", avatar); else localStorage.removeItem(\"chatAvatar\");\n anonProfile = { name, avatar: avatar || \"\" };\n}\nlet anonProfile = loadAnonProfile();\n\nfunction loadLineAccount() { try { const raw = localStorage.getItem(\"lineAccount\"); return raw ? JSON.parse(raw) : null; } catch (e) { return null; } }\nlet lineAccount = loadLineAccount();\nfunction saveLineAccount(acc) {\n if (acc) localStorage.setItem(\"lineAccount\", JSON.stringify(acc)); else localStorage.removeItem(\"lineAccount\");\n lineAccount = acc;\n}\nlet identityMode = localStorage.getItem(\"identityMode\") || \"anon\";\nfunction setIdentityMode(mode) { identityMode = mode; localStorage.setItem(\"identityMode\", mode); }\n\nfunction isAccountRoom(r) { return !!r && (r.indexOf(\"dm:\") === 0 || r.indexOf(\"g:\") === 0); }\nfunction dmRoomFor(a, b) { const s = [a, b].sort(); return \"dm:\" + s[0] + \"-\" + s[1]; }\nfunction currentIdentity() {\n const useLine = lineAccount && (identityMode === \"line\" || isAccountRoom(room));\n if (useLine) return { mode: \"line\", user_id: lineAccount.id, name: lineAccount.name || \"名無し\", avatar: lineAccount.avatar_url || \"\", token: lineAccount.token || \"\" };\n return { mode: \"anon\", user_id: anonUserId, name: (anonProfile && anonProfile.name) || \"名無し\", avatar: (anonProfile && anonProfile.avatar) || \"\", token: \"\" };\n}\nfunction myId() { return currentIdentity().user_id; }\nfunction getDisplayName() { return currentIdentity().name; }\nfunction getAvatarUrl() { return currentIdentity().avatar; }\nfunction authQuery() { return lineAccount ? \"&account_id=\" + encodeURIComponent(lineAccount.id) + \"&token=\" + encodeURIComponent(lineAccount.token) : \"\"; }\nfunction authBody() { return lineAccount ? { account_id: lineAccount.id, token: lineAccount.token } : {}; }\nwindow.getChatIdentity = function () {\n const idn = currentIdentity();\n return { room: room || \"lobby\", user_id: idn.user_id, name: idn.name, avatar: idn.avatar, token: idn.token };\n};\n\n/* =====================================================================\n iOS 判定 / ホーム画面追加バナー\n ===================================================================== */\nfunction isIos() {\n return /iphone|ipad|ipod/i.test(navigator.userAgent) || (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1);\n}\nfunction isStandaloneDisplay() {\n return (window.matchMedia && window.matchMedia(\"(display-mode: standalone)\").matches) || window.navigator.standalone === true;\n}\nfunction maybeShowIosInstallBanner() {\n const banner = $(\"iosInstallBanner\");\n if (!banner) return;\n if (!isIos() || isStandaloneDisplay()) { banner.classList.remove(\"show\"); return; }\n const dismissedAt = Number(localStorage.getItem(\"iosInstallBannerDismissedAt\") || 0);\n if (Date.now() - dismissedAt < 3 * 24 * 60 * 60 * 1000) return;\n banner.classList.add(\"show\");\n}\nconst iosInstallCloseBtn = $(\"iosInstallClose\");\nif (iosInstallCloseBtn) {\n iosInstallCloseBtn.addEventListener(\"click\", () => {\n localStorage.setItem(\"iosInstallBannerDismissedAt\", String(Date.now()));\n $(\"iosInstallBanner\").classList.remove(\"show\");\n });\n}\n\n/* =====================================================================\n Push 通知\n ===================================================================== */\nlet __pushRegistration = null;\nasync function getPushRegistration() {\n if (__pushRegistration) return __pushRegistration;\n __pushRegistration = await navigator.serviceWorker.register('/sw.js');\n return __pushRegistration;\n}\nfunction urlBase64ToUint8Array(base64String) {\n const padding = '='.repeat((4 - base64String.length % 4) % 4);\n const base64 = (base64String + padding).replace(/\\\\-/g, '+').replace(/_/g, '/');\n const rawData = window.atob(base64);\n const outputArray = new Uint8Array(rawData.length);\n for (let i = 0; i < rawData.length; ++i) outputArray[i] = rawData.charCodeAt(i);\n return outputArray;\n}\nfunction updateNotifUI() {\n const bar = $('notifBar');\n if (!bar) return;\n if (isIos() && !isStandaloneDisplay()) {\n bar.innerHTML = 'iOSで通知を受け取るには、ホーム画面に追加してから開いてください';\n bar.classList.add('show');\n return;\n }\n if (!('Notification' in window)) { bar.innerHTML = 'このブラウザは通知に対応していません'; bar.classList.add('show'); return; }\n if (Notification.permission === 'granted') { bar.classList.remove('show'); }\n else if (Notification.permission === 'denied') { bar.innerHTML = '通知がブロックされています。ブラウザ設定から許可してください'; bar.classList.add('show'); }\n else { bar.innerHTML = '新着メッセージの通知を受け取る'; bar.classList.add('show'); $('enableNotifBtn').addEventListener('click', window.enablePush); }\n}\nasync function subscribeCurrentRoom(sub) {\n const idn = currentIdentity();\n const rm = room || 'lobby';\n await fetch('/api/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: idn.user_id, room: rm, subscription: sub }) });\n}\nwindow.enablePush = async function () {\n const btn = $('enableNotifBtn');\n if (btn) { btn.disabled = true; btn.textContent = '処理中...'; }\n try {\n if (isIos() && !isStandaloneDisplay()) throw new Error('ホーム画面に追加してから開いてください');\n if (!('serviceWorker' in navigator) || !('PushManager' in window)) throw new Error('このブラウザはPush非対応です');\n if (Notification.permission === 'default') {\n const perm = await Notification.requestPermission();\n if (perm !== 'granted') throw new Error('通知が許可されませんでした');\n }\n if (Notification.permission !== 'granted') throw new Error('通知が許可されていません');\n const reg = await getPushRegistration();\n const data = await (await fetch('/api/vapid-public-key')).json();\n if (!data.publicKey) throw new Error('VAPIDキー取得失敗');\n let sub = await reg.pushManager.getSubscription();\n if (!sub) sub = await reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: urlBase64ToUint8Array(data.publicKey) });\n await subscribeCurrentRoom(sub);\n updateNotifUI();\n toast('通知をオンにしました');\n } catch (e) {\n console.error(e);\n toast('通知の設定に失敗: ' + e.message);\n if (btn) { btn.disabled = false; btn.textContent = '許可'; }\n updateNotifUI();\n }\n};\nasync function setupPushNotifications() {\n try {\n if (!('serviceWorker' in navigator)) return;\n if ('Notification' in window && Notification.permission === 'granted') {\n try {\n const reg = await getPushRegistration();\n const sub = await reg.pushManager.getSubscription();\n if (sub) await subscribeCurrentRoom(sub);\n } catch (e) {}\n }\n updateNotifUI();\n } catch (e) { console.error(e); }\n}\n\n/* =====================================================================\n ビューポート高さ\n ===================================================================== */\nfunction setAppHeightVar() {\n const h = (window.visualViewport && window.visualViewport.height) ? window.visualViewport.height : window.innerHeight;\n document.documentElement.style.setProperty(\"--app-height\", h + \"px\");\n}\nsetAppHeightVar();\nwindow.addEventListener(\"resize\", setAppHeightVar);\nwindow.addEventListener(\"orientationchange\", () => setTimeout(setAppHeightVar, 50));\nif (window.visualViewport) {\n window.visualViewport.addEventListener(\"resize\", setAppHeightVar);\n window.visualViewport.addEventListener(\"scroll\", setAppHeightVar);\n}\n\n/* =====================================================================\n DOM 参照 / 状態\n ===================================================================== */\nfunction getRoomFromHash() { return decodeURIComponent(location.hash.replace(/^#/, \"\")); }\nfunction randomRoomId() { return Math.random().toString(36).slice(2, 8); }\n\nlet room = \"\";\nlet roomInfo = null;\nlet readers = [];\nlet readersSig = \"\";\n\nconst messagesEl = $(\"messages\"); const composer = $(\"composer\");\nconst bodyInput = $(\"body\");\nconst roomLabel = $(\"roomLabel\"); const roomCount = $(\"roomCount\");\nconst fileInput = $(\"imageFile\"); const fileLabel = $(\"fileLabel\"); const cameraInput = $(\"cameraFile\");\nconst mentionList = $(\"mentionList\");\nconst replyPreviewBar = $(\"replyPreviewBar\"); const rpText = $(\"rpText\"); const rpCancel = $(\"rpCancel\");\nconst imagePreviewBar = $(\"imagePreviewBar\"); const imagePreviewThumb = $(\"imagePreviewThumb\"); const ipCancel = $(\"ipCancel\");\nconst scrollBottomBtn = $(\"scrollBottomBtn\");\nconst lightbox = $(\"lightbox\"); const lightboxImg = $(\"lightboxImg\");\nconst backBtn = $(\"backBtn\"); const backCount = $(\"backCount\");\nconst newChatBtn = $(\"newChatBtn\");\nconst talklistItems = $(\"talklistItems\"); const talkSearchInput = $(\"talkSearchInput\");\n\nlet lastId = 0; let lastUpdateSeen = 0; let firstLoad = true;\nlet lastRenderedDateStr = \"\"; let lastSender = null;\nlet replyingTo = null;\nlet onlineUsers = [];\nconst knownNames = new Set();\nconst msgIndex = new Map();\nconst messageData = new Map();\nlet chatPollTimer = null;\nlet currentScreen = \"talklist\";\nlet allRooms = [];\nlet pendingFile = null;\nlet homeData = { friends: [], groups: [] };\n\n/* 既読位置（トーク一覧の未読バッジ用） */\nfunction getReads() { try { return JSON.parse(localStorage.getItem(\"chatReads\") || \"{}\") || {}; } catch (e) { return {}; } }\nfunction setRead(r, id) {\n if (!r || !id) return;\n const reads = getReads();\n if ((reads[r] || 0) >= id) return;\n reads[r] = id;\n try { localStorage.setItem(\"chatReads\", JSON.stringify(reads)); } catch (e) {}\n}\n\n/* =====================================================================\n 画面遷移\n ===================================================================== */\nconst SCREEN_IDS = { home: \"screenHome\", talklist: \"screenTalklist\", timeline: \"screenTimeline\", news: \"screenNews\", wallet: \"screenWallet\", chatroom: \"screenChatroom\", webview: \"screenWebview\", call: \"screenCall\" };\n/* アプリ内ブラウザで開く外部サービス（URL は UI には表示しない） */\nconst SERVICE_LINKS = { animal: \"https://fruit-grower.val.run/\" };\nfunction showScreen(name) {\n if (currentScreen === \"webview\" && name !== \"webview\") wvUnload();\n Object.keys(SCREEN_IDS).forEach((k) => $(SCREEN_IDS[k]).classList.toggle(\"active\", k === name));\n $(\"tabbar\").style.display = (name === \"chatroom\" || name === \"webview\" || name === \"call\") ? \"none\" : \"flex\";\n document.querySelectorAll(\".tab-item\").forEach((el) => el.classList.toggle(\"active\", el.dataset.tab === name));\n currentScreen = name;\n}\nfunction navigateTo(name) {\n if (currentScreen === \"chatroom\" && name !== \"chatroom\") {\n stopChatPolling();\n room = \"\"; roomInfo = null;\n history.replaceState(null, \"\", location.pathname + location.search);\n }\n showScreen(name);\n if (name === \"talklist\") loadTalklist();\n if (name === \"home\") loadHome();\n}\n\n/* =====================================================================\n アプリ内ブラウザ (WebView)\n - iframe で外部サービスを LINE 風の画面内に表示する\n - URL はヘッダーに表示しない（タイトルのみ）\n ===================================================================== */\nconst wvFrame = $(\"wvFrame\"); const wvTitle = $(\"wvTitle\"); const wvProgress = $(\"wvProgress\"); const wvLoading = $(\"wvLoading\");\nlet webviewUrl = \"\"; let webviewReturnScreen = \"home\"; let wvDoneTimer = null; let wvFailsafeTimer = null;\nfunction wvSetLoading(on) {\n clearTimeout(wvDoneTimer); clearTimeout(wvFailsafeTimer);\n if (on) {\n wvProgress.classList.remove(\"done\"); wvProgress.classList.add(\"loading\");\n wvLoading.classList.remove(\"hide\");\n wvFailsafeTimer = setTimeout(() => wvSetLoading(false), 12000);\n } else {\n wvProgress.classList.remove(\"loading\"); wvProgress.classList.add(\"done\");\n wvLoading.classList.add(\"hide\");\n wvDoneTimer = setTimeout(() => wvProgress.classList.remove(\"done\"), 700);\n }\n}\nfunction wvUnload() {\n webviewUrl = \"\";\n clearTimeout(wvDoneTimer); clearTimeout(wvFailsafeTimer);\n wvProgress.classList.remove(\"loading\", \"done\");\n wvLoading.classList.remove(\"hide\");\n wvFrame.removeAttribute(\"src\");\n}\nfunction openWebview(url, title) {\n if (!url) return;\n if (currentScreen !== \"webview\") {\n webviewReturnScreen = currentScreen;\n if (currentScreen === \"chatroom\") stopChatPolling();\n }\n webviewUrl = url;\n wvTitle.textContent = title || \"\";\n wvSetLoading(true);\n wvFrame.src = url;\n showScreen(\"webview\");\n}\nfunction closeWebview() {\n const back = webviewReturnScreen || \"home\";\n webviewReturnScreen = \"home\";\n if (back === \"chatroom\" && room) { showScreen(\"chatroom\"); startChatPolling(); return; }\n navigateTo(back === \"chatroom\" || back === \"webview\" ? \"home\" : back);\n}\nwvFrame.addEventListener(\"load\", () => { if (webviewUrl) wvSetLoading(false); });\n$(\"wvBackBtn\").addEventListener(\"click\", closeWebview);\n$(\"wvReloadBtn\").addEventListener(\"click\", () => { if (!webviewUrl) return; wvSetLoading(true); wvFrame.src = webviewUrl; });\n$(\"wvExternalBtn\").addEventListener(\"click\", () => { if (webviewUrl) window.open(webviewUrl, \"_blank\", \"noopener\"); });\nwindow.openWebview = openWebview;\ndocument.querySelectorAll(\".tab-item\").forEach((btn) => {\n btn.addEventListener(\"click\", () => navigateTo(btn.dataset.tab));\n});\nbackBtn.addEventListener(\"click\", () => navigateTo(\"talklist\"));\nwindow.addEventListener(\"hashchange\", () => {\n const h = getRoomFromHash();\n if (!h) return;\n if (h.indexOf(\"add:\") === 0) { handleAddLink(h.slice(4)); return; }\n if (h !== room) openChatroom(h);\n});\n\n/* =====================================================================\n ボトムシート\n ===================================================================== */\nconst sheetOverlay = $(\"sheetOverlay\"); const sheetTitle = $(\"sheetTitle\"); const sheetBody = $(\"sheetBody\");\nfunction openSheet(title, html) { sheetBody.onclick = null; sheetTitle.textContent = title; sheetBody.innerHTML = html; sheetOverlay.classList.add(\"show\"); }\nfunction closeSheet() { sheetOverlay.classList.remove(\"show\"); sheetBody.innerHTML = \"\"; }\nsheetOverlay.addEventListener(\"click\", (e) => { if (e.target === sheetOverlay) closeSheet(); });\n$(\"sheetClose\").addEventListener(\"click\", closeSheet);\nfunction sheetItem(action, iconName, label, sub, opts) {\n opts = opts || {};\n return '\";\n}\nfunction pickRow(id, avatarHtml, name, sub, on) {\n return '

' + avatarHtml +\n '

' + escapeHtml(name) + (sub ? '

' + escapeHtml(sub) + \"

\" : \"\") + \"

\" +\n '' + icon(\"check\") + \"

\";\n}\nsheetBody.addEventListener(\"click\", (e) => {\n const pr = e.target.closest(\".pick-row\");\n if (pr && pr.dataset.toggle === \"1\") pr.classList.toggle(\"on\");\n});\n\n/* =====================================================================\n 匿名プロフィール（初回 / 編集）\n ===================================================================== */\nconst entryOverlay = $(\"entryOverlay\"); const entryTitle = $(\"entryTitle\"); const entrySub = $(\"entrySub\");\nconst entryAvatarPreview = $(\"entryAvatarPreview\"); const entryAvatarFile = $(\"entryAvatarFile\");\nconst entryNameInput = $(\"entryNameInput\"); const entryCancelBtn = $(\"entryCancelBtn\"); const entrySubmitBtn = $(\"entrySubmitBtn\");\nlet entryDraftAvatar = \"\"; let pendingFirstEntry = false;\nconst CAM_BADGE = '' + icon(\"camera\") + \"\";\nfunction renderAvatarPreview(el, draft, name) {\n if (draft) { el.innerHTML = ' $\"\"$ ' + CAM_BADGE; return; }\n const v = (name || \"\").trim();\n el.innerHTML = (v ? escapeHtml(v.charAt(0).toUpperCase()) : \"＋\") + CAM_BADGE;\n}\nfunction openEntryOverlay(editMode) {\n pendingFirstEntry = !editMode;\n entryDraftAvatar = editMode && anonProfile ? anonProfile.avatar : \"\";\n entryNameInput.value = editMode && anonProfile ? anonProfile.name : \"\";\n entryAvatarFile.value = \"\";\n renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value);\n entryTitle.textContent = editMode ? \"プロフィール（匿名）\" : \"ようこそ\";\n entrySub.textContent = editMode ? \"ランダムトークで使う名前とアイコンです\" : \"名前とアイコンを設定して始めましょう\";\n entrySubmitBtn.textContent = editMode ? \"保存\" : \"はじめる\";\n entryCancelBtn.style.display = editMode ? \"block\" : \"none\";\n entryOverlay.classList.add(\"show\");\n entryNameInput.focus();\n}\nfunction closeEntryOverlay() { entryOverlay.classList.remove(\"show\"); }\nentryNameInput.addEventListener(\"input\", () => renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value));\nentryAvatarFile.addEventListener(\"change\", () => {\n const file = entryAvatarFile.files[0]; if (!file) return;\n const reader = new FileReader();\n reader.onload = () => { entryDraftAvatar = reader.result; renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value); };\n reader.readAsDataURL(file);\n});\nentryCancelBtn.addEventListener(\"click\", closeEntryOverlay);\nentrySubmitBtn.addEventListener(\"click\", () => {\n const name = entryNameInput.value.trim();\n if (!name) { toast(\"名前を入力してください\"); entryNameInput.focus(); return; }\n saveAnonProfile(name, entryDraftAvatar);\n closeEntryOverlay();\n if (pendingFirstEntry) { pendingFirstEntry = false; boot(); }\n else { refreshIdentityUI(); }\n});\n\n/* =====================================================================\n LINE アカウント（作成 / 編集）\n ===================================================================== */\nconst accountOverlay = $(\"accountOverlay\"); const accTitle = $(\"accTitle\"); const accSub = $(\"accSub\");\nconst accAvatarPreview = $(\"accAvatarPreview\"); const accAvatarFile = $(\"accAvatarFile\");\nconst accNameInput = $(\"accNameInput\"); const accIdInput = $(\"accIdInput\"); const accStatusInput = $(\"accStatusInput\");\nconst accCancelBtn = $(\"accCancelBtn\"); const accSubmitBtn = $(\"accSubmitBtn\");\nlet accDraftAvatar = \"\"; let afterAccountReady = null;\nfunction openAccountOverlay(cb) {\n afterAccountReady = typeof cb === \"function\" ? cb : null;\n const edit = !!lineAccount;\n accDraftAvatar = edit ? (lineAccount.avatar_url || \"\") : \"\";\n accNameInput.value = edit ? (lineAccount.name || \"\") : ((anonProfile && anonProfile.name) || \"\");\n accIdInput.value = edit ? (lineAccount.line_id || \"\") : \"\";\n accStatusInput.value = edit ? (lineAccount.status_msg || \"\") : \"\";\n accAvatarFile.value = \"\";\n renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value);\n accTitle.textContent = edit ? \"プロフィール\" : \"アカウントを作成\";\n accSub.textContent = edit ? \"友だち・グループに表示されるプロフィールです\" : \"友だち追加・グループトークに使う、この端末に保存されるアカウントです\";\n accSubmitBtn.textContent = edit ? \"保存\" : \"作成\";\n accountOverlay.classList.add(\"show\");\n accNameInput.focus();\n}\nfunction closeAccountOverlay() { accountOverlay.classList.remove(\"show\"); }\naccNameInput.addEventListener(\"input\", () => renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value));\naccAvatarFile.addEventListener(\"change\", () => {\n const file = accAvatarFile.files[0]; if (!file) return;\n const reader = new FileReader();\n reader.onload = () => { accDraftAvatar = reader.result; renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value); };\n reader.readAsDataURL(file);\n});\naccCancelBtn.addEventListener(\"click\", () => { closeAccountOverlay(); afterAccountReady = null; });\naccSubmitBtn.addEventListener(\"click\", async () => {\n const name = accNameInput.value.trim();\n if (!name) { toast(\"名前を入力してください\"); accNameInput.focus(); return; }\n const lineId = accIdInput.value.trim().toLowerCase();\n if (lineId && !/^[a-z0-9._-]{4,20}$/.test(lineId)) { toast(\"IDは半角英数字と . _ - で4〜20文字です\"); accIdInput.focus(); return; }\n accSubmitBtn.disabled = true;\n try {\n let data;\n if (lineAccount) {\n data = await apiPost(\"/api/account/update\", Object.assign({}, authBody(), { name, avatar_url: accDraftAvatar, line_id: lineId, status_msg: accStatusInput.value.trim() }));\n saveLineAccount(Object.assign({}, lineAccount, data.account));\n toast(\"プロフィールを保存しました\");\n } else {\n data = await apiPost(\"/api/account/register\", { name, avatar_url: accDraftAvatar, line_id: lineId, status_msg: accStatusInput.value.trim() });\n saveLineAccount(data.account);\n setIdentityMode(\"line\");\n toast(\"アカウントを作成しました\");\n }\n closeAccountOverlay();\n refreshIdentityUI();\n if (currentScreen === \"home\") loadHome();\n const cb = afterAccountReady; afterAccountReady = null;\n if (cb) cb();\n } catch (err) { toast(apiErrorMessage(err)); }\n finally { accSubmitBtn.disabled = false; }\n});\nfunction requireAccount(cb) {\n if (lineAccount) { cb(); return; }\n toast(\"この機能にはアカウントが必要です\");\n openAccountOverlay(cb);\n}\n\n/* =====================================================================\n ホーム画面\n ===================================================================== */\nfunction refreshIdentityUI() {\n renderHomeProfile();\n renderIdentityCard();\n}\nfunction renderHomeProfile() {\n const idn = currentIdentity();\n $(\"homeAvatar\").innerHTML = buildAvatarHtml(idn.name, idn.avatar, idn.user_id, \"xl\");\n $(\"homeName\").textContent = idn.name;\n let status = \"\";\n if (idn.mode === \"line\") status = lineAccount.status_msg || (lineAccount.line_id ? \"ID: \" + lineAccount.line_id : \"ステータスメッセージを設定\");\n else status = \"匿名ユーザー（ランダムトーク用）\";\n $(\"homeStatus\").textContent = status;\n}\nfunction renderIdentityCard() {\n const anonName = (anonProfile && anonProfile.name) || \"名無し\";\n const lineOn = !!lineAccount && identityMode === \"line\";\n let html = '

' +\n buildAvatarHtml(anonName, anonProfile && anonProfile.avatar, anonUserId, \"sm\") +\n '

' + escapeHtml(anonName) + '

匿名 · ランダムトーク向け

' +\n '' + icon(\"check\") + \"

\";\n if (lineAccount) {\n html += '

' +\n buildAvatarHtml(lineAccount.name, lineAccount.avatar_url, lineAccount.id, \"sm\") +\n '

' + escapeHtml(lineAccount.name) + '

' + (lineAccount.line_id ? \"ID: \" + escapeHtml(lineAccount.line_id) : \"友だち・グループ用アカウント\") + \"

\" +\n '' + icon(\"check\") + \"

\";\n } else {\n html += '

' +\n '

' + icon(\"user\") + \"

\" +\n '

アカウントを作成

友だち追加・グループトークが使えます

' +\n '

';\n }\n $(\"identityCard\").innerHTML = html;\n}\n$(\"identityCard\").addEventListener(\"click\", (e) => {\n const row = e.target.closest(\".identity-row\"); if (!row) return;\n const mode = row.dataset.mode;\n if (mode === \"create\") { openAccountOverlay(); return; }\n if (mode === \"line\" && !lineAccount) return;\n setIdentityMode(mode);\n refreshIdentityUI();\n toast(mode === \"line\" ? \"LINEアカウントに切り替えました\" : \"匿名ユーザーに切り替えました\");\n});\n$(\"identityHelp\").addEventListener(\"click\", () => {\n openSheet(\"アカウントの切り替え\", '

ランダムトークでは「匿名」と「アカウント」のどちらで発言するかを選べます。
1:1トーク・グループトークでは常にアカウントが使われます。

');\n});\n$(\"homeProfile\").addEventListener(\"click\", () => {\n if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true);\n});\n\nasync function loadHome() {\n refreshIdentityUI();\n renderServices();\n if (!lineAccount) {\n $(\"friendsCount\").textContent = \"0\"; $(\"groupsCount\").textContent = \"0\";\n $(\"friendsList\").innerHTML = '

アカウントを作成すると友だちを追加できます

';\n $(\"groupsList\").innerHTML = '

グループトークにはアカウントが必要です

';\n return;\n }\n try {\n const data = await apiGet(\"/api/account/me?\" + authQuery().slice(1));\n if (data.account) saveLineAccount(Object.assign({}, lineAccount, data.account));\n homeData = { friends: data.friends || [], groups: data.groups || [] };\n renderFriends(); renderGroups(); refreshIdentityUI();\n } catch (err) {\n if (String(err.message) === \"unauthorized\") {\n $(\"friendsList\").innerHTML = '

アカウント情報が無効です。設定から引き継ぎコードで復元するか、新しく作成してください。

';\n } else {\n $(\"friendsList\").innerHTML = '

読み込みに失敗しました

';\n }\n }\n}\n$(\"friendsList\").addEventListener(\"click\", (e) => {\n const link = e.target.closest(\"[data-act='create-account']\"); if (link) { openAccountOverlay(); return; }\n const row = e.target.closest(\".home-row\"); if (!row) return;\n const f = homeData.friends.find((x) => x.id === row.dataset.id);\n if (f) openFriendProfileSheet(f);\n});\n$(\"groupsList\").addEventListener(\"click\", (e) => {\n const row = e.target.closest(\".home-row\"); if (!row) return;\n openChatroom(\"g:\" + row.dataset.id);\n});\nfunction renderFriends() {\n $(\"friendsCount\").textContent = String(homeData.friends.length);\n if (homeData.friends.length === 0) { $(\"friendsList\").innerHTML = '

まだ友だちがいません。右上の 友だち追加 からIDで検索、または招待リンクを送りましょう。

'; return; }\n $(\"friendsList\").innerHTML = homeData.friends.map((f) =>\n '

' + buildAvatarHtml(f.name, f.avatar_url, f.id) +\n '

' + escapeHtml(f.name) + \"

\" +\n (f.status_msg ? '

' + escapeHtml(f.status_msg) + \"

\" : \"\") + \"

\").join(\"\");\n}\nfunction renderGroups() {\n $(\"groupsCount\").textContent = String(homeData.groups.length);\n if (homeData.groups.length === 0) { $(\"groupsList\").innerHTML = '

グループはまだありません

'; return; }\n $(\"groupsList\").innerHTML = homeData.groups.map((g) =>\n '

' + buildGroupIconHtml(g.icon_url) +\n '

' + escapeHtml(g.name) + '

' + g.member_count + \"人

\").join(\"\");\n}\nfunction renderServices() {\n const items = [[\"news\", \"ニュース\", \"#3ba0f5\"], [\"wallet\", \"ウォレット\", \"#06c755\"], [\"voom\", \"VOOM\", \"#2ecc71\"], [\"paw\", \"動物\", \"#ff9f43\"], [\"poll\", \"投票\", \"#f5a623\"], [\"dice\", \"ダイス\", \"#9b59b6\"], [\"shuffle\", \"ランダム\", \"#ff6b81\"], [\"bell\", \"通知\", \"#f39c12\"], [\"gear\", \"設定\", \"#8e8e93\"]];\n $(\"servicesGrid\").innerHTML = items.map((it) => '

' + icon(it[0]) + \"

\" + it[1] + \"

\").join(\"\");\n}\n$(\"servicesGrid\").addEventListener(\"click\", (e) => {\n const s = e.target.closest(\".service\"); if (!s) return;\n const k = s.dataset.svc;\n if (k === \"news\") navigateTo(\"news\"); else if (k === \"wallet\") navigateTo(\"wallet\"); else if (k === \"voom\") navigateTo(\"timeline\");\n else if (k === \"paw\") openWebview(SERVICE_LINKS.animal, \"動物\");\n else if (k === \"shuffle\") openChatroom(randomRoomId()); else if (k === \"gear\") openSettingsSheet();\n else if (k === \"bell\") { if (window.enablePush) window.enablePush(); }\n else toast(\"トーク画面の＋から使えます\");\n});\n\nfunction openFriendProfileSheet(f) {\n openSheet(\"\", '

' + buildAvatarHtml(f.name, f.avatar_url, f.id, \"xl\") +\n '

' + escapeHtml(f.name) + \"

\" +\n '

' + escapeHtml(f.status_msg || (f.line_id ? \"ID: \" + f.line_id : \"\")) + \"

\" +\n '

' +\n '\" +\n '\" +\n '\" +\n \"

\");\n sheetBody.onclick = (e) => {\n const b = e.target.closest(\"[data-action]\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"talk\") { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, f.id)); }\n else if (a === \"call\") { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, f.id)); setTimeout(() => { if (window.startVoiceCall) window.startVoiceCall(f.id, f.name, f.avatar_url); }, 400); }\n else if (a === \"group\") { closeSheet(); openCreateGroupSheet([f.id]); }\n else toast(\"通話は未対応です\");\n };\n}\n\n/* ---------- 友だち追加 ---------- */\nfunction openAddFriendSheet(prefill) {\n requireAccount(() => {\n const myIdText = lineAccount.line_id ? \"ID: \" + lineAccount.line_id : \"IDが未設定です（プロフィールから設定できます）\";\n openSheet(\"友だち追加\",\n '

' +\n '

自分の情報

' +\n '

' + buildAvatarHtml(lineAccount.name, lineAccount.avatar_url, lineAccount.id) +\n '

' + escapeHtml(lineAccount.name) + '

' + escapeHtml(myIdText) + \"

\" +\n sheetItem(\"copy-invite\", \"link\", \"招待リンクをコピー\", \"リンクを開いた相手が友だちに追加できます\") +\n (lineAccount.line_id ? \"\" : sheetItem(\"set-id\", \"key\", \"IDを設定する\", \"検索で見つけてもらえるようになります\")));\n const input = $(\"afInput\"); const result = $(\"afResult\");\n async function search() {\n const q = input.value.trim().toLowerCase();\n if (!q) return;\n result.innerHTML = '

検索中...

';\n try {\n const data = await apiGet(\"/api/account/lookup?line_id=\" + encodeURIComponent(q));\n showResult(data.account);\n } catch (err) { result.innerHTML = '

見つかりませんでした

'; }\n }\n function showResult(acc) {\n if (acc.id === lineAccount.id) { result.innerHTML = '

自分自身です

'; return; }\n const already = homeData.friends.some((f) => f.id === acc.id);\n result.innerHTML = '

' + buildAvatarHtml(acc.name, acc.avatar_url, acc.id, \"lg\") +\n '

' + escapeHtml(acc.name) + '

' + escapeHtml(acc.status_msg || (acc.line_id ? \"ID: \" + acc.line_id : \"\")) + \"

\" +\n (already ? '' : '') + \"

\";\n result.querySelector(\"[data-add]\").addEventListener(\"click\", async () => {\n if (already) { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, acc.id)); return; }\n try {\n const data = await apiPost(\"/api/friends/add\", Object.assign({}, authBody(), { friend_id: acc.id }));\n toast(acc.name + \" を友だちに追加しました\");\n closeSheet();\n await loadHome();\n openChatroom(data.room);\n } catch (err) { toast(apiErrorMessage(err)); }\n });\n }\n $(\"afSearch\").addEventListener(\"click\", search);\n input.addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") { e.preventDefault(); search(); } });\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n if (b.dataset.action === \"copy-invite\") {\n const link = location.origin + location.pathname + \"#add:\" + lineAccount.id;\n toast((await copyText(link)) ? \"招待リンクをコピーしました\" : link);\n } else if (b.dataset.action === \"set-id\") { closeSheet(); openAccountOverlay(); }\n };\n if (prefill) showResult(prefill); else input.focus();\n });\n}\n$(\"addFriendBtn\").addEventListener(\"click\", () => openAddFriendSheet());\n$(\"addFriendLink\").addEventListener(\"click\", () => openAddFriendSheet());\nasync function handleAddLink(accountId) {\n history.replaceState(null, \"\", location.pathname + location.search);\n requireAccount(async () => {\n try {\n const data = await apiGet(\"/api/account/lookup?account_id=\" + encodeURIComponent(accountId));\n if (homeData.friends.length === 0) { try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {} }\n navigateTo(\"home\");\n openAddFriendSheet(data.account);\n } catch (err) { toast(\"ユーザーが見つかりませんでした\"); navigateTo(\"talklist\"); }\n });\n}\n\n/* ---------- グループ作成 ---------- */\nfunction openCreateGroupSheet(preselect) {\n requireAccount(async () => {\n if (homeData.friends.length === 0) { try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {} }\n const pre = preselect || [];\n openSheet(\"グループを作成\",\n '

' +\n '

友だちを選択

' +\n (homeData.friends.length ? homeData.friends.map((f) => pickRow(f.id, buildAvatarHtml(f.name, f.avatar_url, f.id, \"sm\"), f.name, f.status_msg, pre.indexOf(f.id) >= 0)).join(\"\") : '

友だちがいません。あとから招待リンクでも参加できます。

') +\n '

');\n sheetBody.querySelectorAll(\".pick-row\").forEach((r) => { r.dataset.toggle = \"1\"; });\n $(\"cgCreate\").addEventListener(\"click\", async () => {\n const name = $(\"cgName\").value.trim();\n if (!name) { toast(\"グループ名を入力してください\"); return; }\n const ids = Array.from(sheetBody.querySelectorAll(\".pick-row.on\")).map((r) => r.dataset.id);\n try {\n const data = await apiPost(\"/api/groups/create\", Object.assign({}, authBody(), { name, member_ids: ids }));\n closeSheet();\n toast(\"グループを作成しました\");\n openChatroom(data.room);\n } catch (err) { toast(apiErrorMessage(err)); }\n });\n setTimeout(() => $(\"cgName\").focus(), 50);\n });\n}\n$(\"createGroupLink\").addEventListener(\"click\", () => openCreateGroupSheet());\n\n/* ---------- 設定 ---------- */\nfunction openSettingsSheet() {\n openSheet(\"設定\",\n sheetItem(\"anon-profile\", \"user\", \"匿名プロフィール\", \"ランダムトークで使う名前・アイコン\") +\n (lineAccount ? sheetItem(\"line-profile\", \"user\", \"アカウントプロフィール\", lineAccount.name + (lineAccount.line_id ? \" · ID: \" + lineAccount.line_id : \"\")) : sheetItem(\"line-create\", \"add-friend\", \"アカウントを作成\", \"友だち・グループトークに必要\")) +\n sheetItem(\"notif\", \"bell\", \"通知\", (\"Notification\" in window) ? (Notification.permission === \"granted\" ? \"オン\" : \"オフ\") : \"非対応\") +\n '

アカウントの引き継ぎ

' +\n (lineAccount ? sheetItem(\"export\", \"key\", \"引き継ぎコードを表示\", \"他の端末でこのアカウントを使う\") : \"\") +\n sheetItem(\"import\", \"copy\", \"引き継ぎコードで復元\", \"別端末のアカウントをこの端末で使う\") +\n (lineAccount ? sheetItem(\"logout\", \"exit\", \"この端末からアカウントを削除\", \"サーバー上のデータは残ります\", { danger: true }) : \"\"));\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"anon-profile\") { closeSheet(); openEntryOverlay(true); }\n else if (a === \"line-profile\" || a === \"line-create\") { closeSheet(); openAccountOverlay(); }\n else if (a === \"notif\") { closeSheet(); if (window.enablePush) window.enablePush(); }\n else if (a === \"export\") {\n const code = lineAccount.id + \".\" + lineAccount.token;\n openSheet(\"引き継ぎコード\", '

このコードを他の端末の「引き継ぎコードで復元」に貼り付けてください。他人に教えないでください。

' + escapeHtml(code) + \"

\" + sheetItem(\"copy-code\", \"copy\", \"コードをコピー\"));\n sheetBody.onclick = async (ev) => { if (ev.target.closest(\"[data-action='copy-code']\")) toast((await copyText(code)) ? \"コピーしました\" : \"コピーに失敗しました\"); };\n }\n else if (a === \"import\") {\n openSheet(\"引き継ぎコードで復元\", '

');\n $(\"impBtn\").addEventListener(\"click\", async () => {\n const raw = $(\"impCode\").value.trim(); const dot = raw.indexOf(\".\");\n if (dot < 0) { toast(\"コードの形式が正しくありません\"); return; }\n const id = raw.slice(0, dot), token = raw.slice(dot + 1);\n try {\n const data = await apiGet(\"/api/account/me?account_id=\" + encodeURIComponent(id) + \"&token=\" + encodeURIComponent(token));\n saveLineAccount(Object.assign({}, data.account, { token }));\n setIdentityMode(\"line\");\n closeSheet(); toast(\"アカウントを復元しました\"); loadHome();\n } catch (err) { toast(\"復元に失敗しました。コードを確認してください\"); }\n });\n }\n else if (a === \"logout\") {\n if (!confirm(\"この端末からアカウント情報を削除しますか？\\\\n引き継ぎコードが無いと元に戻せません。\")) return;\n saveLineAccount(null); setIdentityMode(\"anon\"); closeSheet(); toast(\"削除しました\"); loadHome();\n }\n };\n}\n$(\"settingsBtn\").addEventListener(\"click\", openSettingsSheet);\n$(\"homeSearchBtn\").addEventListener(\"click\", () => { navigateTo(\"talklist\"); setTimeout(() => talkSearchInput.focus(), 50); });\n$(\"talkSearchBtn\").addEventListener(\"click\", () => talkSearchInput.focus());\n\n/* =====================================================================\n トーク一覧\n ===================================================================== */\nfunction buildRoomPreview(r) {\n if (!r.last_message_id) return r.type === \"group\" ? \"グループが作成されました\" : \"\";\n if (r.last_deleted) return \"メッセージが削除されました\";\n if (r.last_is_system) return r.last_body;\n const prefix = r.type === \"group\" && r.last_name ? r.last_name + \": \" : \"\";\n if (r.last_is_poll) return prefix + \"[投票] \" + (r.last_body || \"\").replace(/^投票 /, \"\");\n if (r.last_has_image && !r.last_body) return prefix + \"[画像]\";\n return prefix + (r.last_body || \"\");\n}\nlet talkLoading = false;\nasync function loadTalklist(silent) {\n if (talkLoading) return; talkLoading = true;\n if (!silent && allRooms.length === 0) talklistItems.innerHTML = '

読み込み中...

';\n try {\n const data = await apiGet(\"/api/rooms?user_id=\" + encodeURIComponent(anonUserId) + authQuery() + \"&reads=\" + encodeURIComponent(JSON.stringify(getReads())));\n allRooms = data.rooms || [];\n applyTalkFilter();\n updateTabBadges();\n } catch (err) {\n console.error(err);\n if (!silent) talklistItems.innerHTML = '

読み込みに失敗しました

';\n } finally { talkLoading = false; }\n}\nfunction updateTabBadges() {\n const total = allRooms.reduce((s, r) => s + (r.unread || 0), 0);\n const badge = $(\"talkTabBadge\");\n badge.textContent = total > 99 ? \"99+\" : String(total);\n badge.classList.toggle(\"show\", total > 0);\n backCount.textContent = total > 0 ? String(total) : \"\";\n}\nfunction applyTalkFilter() {\n const q = talkSearchInput.value.trim().toLowerCase();\n const list = q ? allRooms.filter((r) => (r.title || r.room).toLowerCase().includes(q) || (r.last_body || \"\").toLowerCase().includes(q)) : allRooms;\n renderTalklistItems(list);\n}\nfunction renderTalklistItems(rooms) {\n if (rooms.length === 0) {\n talklistItems.innerHTML = '

' + (allRooms.length ? \"該当するトークがありません\" : \"まだトークがありません
右上のボタンから新しいトークを始めましょう\") + \"

\";\n return;\n }\n talklistItems.innerHTML = \"\";\n rooms.forEach((r) => {\n const item = document.createElement(\"div\");\n item.className = \"talk-item\";\n const nameHtml = escapeHtml(r.title || \"#\" + r.room) + (r.type === \"group\" ? \"\" + r.member_count + \"\" : \"\");\n item.innerHTML =\n buildRoomIconHtml(r, \"lg\") +\n '

' +\n '

' + nameHtml + \"\" + (r.type === \"random\" ? 'ランダム' : \"\") + '' + fmtListTime(r.last_created_at) + \"

\" +\n '

' + escapeHtml(buildRoomPreview(r)) + '' + (r.unread > 0 ? (r.unread > 99 ? \"99+\" : r.unread) : \"\") + \"

\" +\n \"

\";\n item.addEventListener(\"click\", () => openChatroom(r.room));\n talklistItems.appendChild(item);\n });\n}\ntalkSearchInput.addEventListener(\"input\", applyTalkFilter);\nsetInterval(() => { if (currentScreen === \"talklist\" && document.visibilityState === \"visible\") loadTalklist(true); }, 6000);\n\nnewChatBtn.addEventListener(\"click\", () => {\n openSheet(\"新規トーク\",\n sheetItem(\"random\", \"shuffle\", \"ランダムトークを作成\", \"招待リンクで誰でも参加できる匿名ルーム\") +\n sheetItem(\"friend\", \"user\", \"友だちとトーク\", \"1:1のトーク\") +\n sheetItem(\"group\", \"people\", \"グループを作成\", \"複数人でトーク\"));\n sheetBody.onclick = (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action; closeSheet();\n if (a === \"random\") openChatroom(randomRoomId());\n else if (a === \"group\") openCreateGroupSheet();\n else if (a === \"friend\") requireAccount(async () => {\n try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {}\n if (homeData.friends.length === 0) { toast(\"まず友だちを追加しましょう\"); openAddFriendSheet(); return; }\n openSheet(\"友だちを選択\", homeData.friends.map((f) => '

' + buildAvatarHtml(f.name, f.avatar_url, f.id) + '

' + escapeHtml(f.name) + \"

\").join(\"\"));\n sheetBody.onclick = (ev) => { const r = ev.target.closest(\".home-row\"); if (!r) return; closeSheet(); openChatroom(dmRoomFor(lineAccount.id, r.dataset.id)); };\n });\n };\n});\n\n/* =====================================================================\n チャット画面入退室\n ===================================================================== */\nfunction resetChatState() {\n lastId = 0; lastUpdateSeen = 0; firstLoad = true; lastRenderedDateStr = \"\"; lastSender = null;\n readers = []; readersSig = \"\";\n msgIndex.clear(); messageData.clear();\n messagesEl.innerHTML = '

まだメッセージはありません

';\n replyingTo = null; showReplyPreview();\n clearImagePreview();\n bodyInput.value = \"\"; autoGrowBody(); updateComposerState();\n restoreDraft();\n}\nfunction setRoomHeader(info) {\n roomInfo = info;\n roomLabel.textContent = info ? info.title : (isAccountRoom(room) ? \"…\" : \"#\" + room);\n roomCount.textContent = info && info.type === \"group\" ? String(info.members.length) : \"\";\n if (window.updateCallBtnVisibility) window.updateCallBtnVisibility();\n}\nasync function loadRoomInfo() {\n if (!isAccountRoom(room)) { setRoomHeader({ type: \"random\", room, title: \"#\" + room, icon: \"\", members: [] }); return; }\n try {\n const info = await apiGet(\"/api/room-info?room=\" + encodeURIComponent(room) + authQuery());\n setRoomHeader(info);\n } catch (err) {\n toast(apiErrorMessage(err));\n navigateTo(\"talklist\");\n }\n}\nasync function openChatroom(r) {\n if (!r) return;\n if (isAccountRoom(r) && !lineAccount) {\n history.replaceState(null, \"\", location.pathname + location.search);\n toast(\"このトークに参加するにはアカウントが必要です\");\n openAccountOverlay(() => openChatroom(r));\n return;\n }\n if (r.indexOf(\"g:\") === 0) {\n try { await apiPost(\"/api/groups/join\", Object.assign({}, authBody(), { group_id: r.slice(2) })); }\n catch (err) { toast(apiErrorMessage(err)); history.replaceState(null, \"\", location.pathname + location.search); navigateTo(\"talklist\"); return; }\n }\n stopChatPolling();\n room = r;\n history.replaceState(null, \"\", location.pathname + location.search + \"#\" + r);\n setRoomHeader(null);\n resetChatState();\n showScreen(\"chatroom\");\n loadRoomInfo();\n startChatPolling();\n}\nfunction startChatPolling() {\n if (chatPollTimer) return;\n setupPushNotifications();\n poll();\n chatPollTimer = setInterval(poll, 1500);\n}\nfunction stopChatPolling() { if (chatPollTimer) { clearInterval(chatPollTimer); chatPollTimer = null; } }\n\n/* ---------- ルームメニュー (≡) ---------- */\n$(\"roomMenuBtn\").addEventListener(\"click\", () => {\n const info = roomInfo || { type: \"random\", members: [] };\n let html = \"\";\n if (info.type !== \"random\" && info.members && info.members.length) {\n html += '

メンバー ' + info.members.length + \"

\" +\n info.members.map((m) => '

' + buildAvatarHtml(m.name, m.avatar_url, m.id, \"sm\") + '

' + escapeHtml(m.name) + (lineAccount && m.id === lineAccount.id ? \" (自分)\" : \"\") + \"

\" + (m.status_msg ? '

' + escapeHtml(m.status_msg) + \"

\" : \"\") + \"

\").join(\"\");\n }\n if (info.type === \"random\") {\n html += '

ランダムトーク · ' + (onlineUsers.length || 1) + \"人がオンライン

\";\n html += sheetItem(\"who\", \"people\", \"オンラインのメンバーを見る\");\n }\n html += '

操作

';\n if (info.type !== \"dm\") html += sheetItem(\"invite-link\", \"link\", \"招待リンクをコピー\", info.type === \"group\" ? \"リンクを開いた人がグループに参加します\" : \"リンクを開いた人が入室できます\");\n if (info.type === \"group\") html += sheetItem(\"invite-friends\", \"add-friend\", \"友だちを招待\");\n if (info.type === \"dm\" && info.other_id) html += sheetItem(\"profile\", \"user\", \"プロフィールを見る\");\n html += sheetItem(\"notif\", \"bell\", \"通知\", (\"Notification\" in window && Notification.permission === \"granted\") ? \"オン\" : \"タップして許可\");\n if (info.type === \"group\") html += sheetItem(\"leave\", \"exit\", \"グループを退会\", \"\", { danger: true });\n openSheet(info.title || (\"#\" + room), html);\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"invite-link\") { toast((await copyText(location.href)) ? \"招待リンクをコピーしました\" : location.href); }\n else if (a === \"who\") { closeSheet(); sendWhoCommand(); }\n else if (a === \"notif\") { closeSheet(); if (window.enablePush) window.enablePush(); }\n else if (a === \"profile\") { closeSheet(); const other = (info.members || []).find((m) => m.id === info.other_id); if (other) openFriendProfileSheet(other); }\n else if (a === \"invite-friends\") {\n try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (err) {}\n const memberIds = (info.members || []).map((m) => m.id);\n const cands = homeData.friends.filter((f) => memberIds.indexOf(f.id) < 0);\n openSheet(\"友だちを招待\", (cands.length ? cands.map((f) => pickRow(f.id, buildAvatarHtml(f.name, f.avatar_url, f.id, \"sm\"), f.name, f.status_msg, false)).join(\"\") : '

招待できる友だちがいません

') +\n '

');\n sheetBody.querySelectorAll(\".pick-row\").forEach((r) => { r.dataset.toggle = \"1\"; });\n sheetBody.onclick = null;\n $(\"invBtn\").addEventListener(\"click\", async () => {\n const ids = Array.from(sheetBody.querySelectorAll(\".pick-row.on\")).map((r) => r.dataset.id);\n if (!ids.length) { toast(\"友だちを選択してください\"); return; }\n try { await apiPost(\"/api/groups/invite\", Object.assign({}, authBody(), { group_id: info.group_id, member_ids: ids })); closeSheet(); toast(\"招待しました\"); loadRoomInfo(); poll(); }\n catch (err) { toast(apiErrorMessage(err)); }\n });\n }\n else if (a === \"leave\") {\n if (!confirm(\"このグループを退会しますか？\")) return;\n try { await apiPost(\"/api/groups/leave\", Object.assign({}, authBody(), { group_id: info.group_id })); closeSheet(); toast(\"退会しました\"); navigateTo(\"talklist\"); }\n catch (err) { toast(apiErrorMessage(err)); }\n }\n };\n});\n$(\"chatSearchBtn\").addEventListener(\"click\", () => {\n const q = prompt(\"トーク内を検索\");\n if (!q) return;\n const hit = Array.from(messageData.values()).reverse().find((m) => !m.deleted && (m.body || \"\").indexOf(q) >= 0);\n if (!hit) { toast(\"見つかりませんでした\"); return; }\n const entry = msgIndex.get(hit.id);\n if (entry && entry.el) { entry.el.scrollIntoView({ block: \"center\", behavior: \"smooth\" }); entry.el.classList.add(\"selected\"); setTimeout(() => entry.el.classList.remove(\"selected\"), 2500); }\n});\n\n/* =====================================================================\n 画像添付\n ===================================================================== */\nfunction setPendingFile(file) {\n pendingFile = file || null;\n if (!file) { clearImagePreview(); return; }\n fileLabel.classList.add(\"has-file\");\n const reader = new FileReader();\n reader.onload = () => { imagePreviewThumb.src = reader.result; imagePreviewBar.classList.add(\"show\"); };\n reader.readAsDataURL(file);\n updateComposerState();\n}\nfunction clearImagePreview() {\n pendingFile = null;\n fileInput.value = \"\"; cameraInput.value = \"\";\n fileLabel.classList.remove(\"has-file\");\n imagePreviewBar.classList.remove(\"show\");\n imagePreviewThumb.src = \"\";\n updateComposerState();\n}\nfileInput.addEventListener(\"change\", () => setPendingFile(fileInput.files[0]));\ncameraInput.addEventListener(\"change\", () => setPendingFile(cameraInput.files[0]));\nipCancel.addEventListener(\"click\", clearImagePreview);\nfunction updateComposerState() {\n composer.classList.toggle(\"has-text\", bodyInput.value.trim().length > 0 || !!pendingFile);\n}\n\n/* =====================================================================\n メッセージ描画\n ===================================================================== */\nfunction linkifyMentions(escapedBody) {\n return escapedBody.replace(/(^|[\\\\s\\\\u3000])@([^\\\\s\\\\u3000@]+)/g, (match, prefix, name) => prefix + '@' + name + \"\");\n}\nfunction signatureOf(m) { return JSON.stringify({ body: m.body, deleted: m.deleted, edited_at: m.edited_at, poll: m.poll, avatar_url: m.avatar_url, name: m.name }); }\nfunction buildTimeLabel(m) {\n const editedLabel = m.edited_at && !m.deleted ? '編集済み' : \"\";\n return fmtTime(m.created_at) + editedLabel;\n}\nfunction buildActionsRow(m, mine) {\n if (m.deleted) return \"\";\n let actions = '返信';\n if (m.body) actions += 'コピー';\n if (mine && m.id > 0) {\n if (!m.poll && !m.image_url) actions += '編集';\n actions += '削除';\n }\n return actions;\n}\nfunction buildPollHtml(m) {\n const poll = m.poll; const total = poll.total || 0;\n const optsHtml = poll.options.map((opt, idx) => {\n const pct = total > 0 ? Math.round((opt.count / total) * 100) : 0;\n const mine = poll.myVote === idx;\n return '';\n }).join(\"\");\n return '

' + escapeHtml(poll.question) + '

' + optsHtml + '

計 ' + total + '票

';\n}\nfunction extractColorCode(body) {\n const match = body.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})[ \\\\u3000]+([\\\\s\\\\S]+)$/);\n if (!match) return null;\n return { color: \"#\" + match[1], text: match[2] };\n}\nfunction buildBubbleInner(m) {\n if (m.deleted) return '

メッセージの送信を取り消しました

';\n let replyHtml = \"\";\n if (m.reply_to_id) replyHtml = '

' + escapeHtml(m.reply_to_name || \"\") + \"
\" + escapeHtml(truncateText(m.reply_to_body || \"\", 60)) + \"

\";\n const imgHtml = m.image_url ? ' $\"\"$ ' : \"\";\n if (m.image_url && !m.body && !m.reply_to_id && !m.poll) return '

' + imgHtml + \"

\";\n let bodyHtml;\n if (m.poll) bodyHtml = buildPollHtml(m);\n else {\n const colorInfo = extractColorCode(m.body);\n bodyHtml = colorInfo ? '' + linkifyMentions(escapeHtml(colorInfo.text)) + \"\" : linkifyMentions(escapeHtml(m.body));\n }\n return '

' + replyHtml + bodyHtml + imgHtml + \"

\";\n}\nfunction isSystem(m) { return m.user_id === \"system\"; }\nfunction createMessageElement(m) {\n if (isSystem(m)) {\n const div = document.createElement(\"div\");\n div.className = \"date-divider system-msg\"; div.dataset.id = m.id; div.textContent = m.body;\n return div;\n }\n const mine = m.user_id === myId();\n const wrap = document.createElement(\"div\");\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n wrap.dataset.id = m.id;\n wrap.innerHTML = '

' +\n '

';\n updateMessageElement(wrap, m);\n return wrap;\n}\nfunction updateMessageElement(wrap, m) {\n if (wrap.classList.contains(\"system-msg\")) { wrap.textContent = m.body; return; }\n const mine = m.user_id === myId();\n wrap.querySelector(\".msg-name\").textContent = mine ? \"\" : m.name;\n wrap.querySelector(\".msg-avatar-slot\").innerHTML = mine ? \"\" : buildAvatarHtml(m.name, m.avatar_url, m.user_id);\n wrap.querySelector(\".bubble-container\").innerHTML = buildBubbleInner(m);\n wrap.querySelector(\".msg-time\").innerHTML = buildTimeLabel(m);\n wrap.querySelector(\".msg-actions\").innerHTML = buildActionsRow(m, mine);\n updateReadLabel(wrap, m);\n}\nfunction readCountFor(m) {\n const me = myId();\n return readers.filter((r) => r.user_id !== me && r.user_id !== \"system\" && r.last_read_id >= m.id).length;\n}\nfunction updateReadLabel(wrap, m) {\n const el = wrap.querySelector(\".msg-read\"); if (!el) return;\n if (m.user_id !== myId() || m.id <= 0 || m.deleted) { el.textContent = \"\"; return; }\n const n = readCountFor(m);\n if (n <= 0) { el.textContent = \"\"; return; }\n el.textContent = roomInfo && roomInfo.type === \"dm\" ? \"既読\" : \"既読 \" + n;\n}\nfunction updateAllReadLabels() {\n const sig = JSON.stringify(readers);\n if (sig === readersSig) return; readersSig = sig;\n msgIndex.forEach((entry, id) => { const m = messageData.get(id); if (m && entry.el && !isSystem(m)) updateReadLabel(entry.el, m); });\n}\nfunction appendDateDividerIfNeeded(ts) {\n const dateStr = dateKey(ts);\n if (dateStr !== lastRenderedDateStr) {\n const divider = document.createElement(\"div\");\n divider.className = \"date-divider\"; divider.textContent = fmtDateDivider(ts);\n messagesEl.appendChild(divider);\n lastRenderedDateStr = dateStr; lastSender = null;\n }\n}\nfunction appendMessageElementToDOM(m) {\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n appendDateDividerIfNeeded(m.created_at);\n const el = createMessageElement(m);\n if (!isSystem(m) && m.user_id !== myId() && lastSender === m.user_id) el.classList.add(\"cont\");\n messagesEl.appendChild(el);\n lastSender = isSystem(m) ? null : m.user_id;\n msgIndex.set(m.id, { el, sig: signatureOf(m) });\n messageData.set(m.id, m);\n return el;\n}\nfunction renderSystemMessage(text) {\n const div = document.createElement(\"div\");\n div.className = \"date-divider system-msg\"; div.textContent = text;\n messagesEl.appendChild(div);\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\nfunction isNearBottom() { return messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight < 80; }\n\nfunction render(messages) {\n const wasNearBottom = firstLoad ? true : isNearBottom();\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n const me = myId();\n if (pendingOptimistic) {\n const match = messages.find((m) => m.user_id === me && m.body === pendingOptimistic.body && (m.image_url || \"\") === (pendingOptimistic.image_url || \"\") && !msgIndex.has(m.id));\n if (match) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) entry.el.remove();\n msgIndex.delete(pendingOptimistic.tempId); messageData.delete(pendingOptimistic.tempId);\n pendingOptimistic = null;\n }\n }\n let maxId = lastId;\n for (const m of messages) {\n maxId = Math.max(maxId, m.id);\n if (m.updated_at) lastUpdateSeen = Math.max(lastUpdateSeen, m.updated_at);\n if (!isSystem(m)) knownNames.add(m.name);\n messageData.set(m.id, m);\n const sig = signatureOf(m);\n const existing = msgIndex.get(m.id);\n if (existing) {\n if (existing.sig !== sig && existing.el) { updateMessageElement(existing.el, m); existing.sig = sig; }\n continue;\n }\n appendMessageElementToDOM(m);\n }\n lastId = maxId;\n if (document.visibilityState === \"visible\") setRead(room, lastId);\n if (wasNearBottom) { messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\"); }\n else scrollBottomBtn.classList.add(\"show\");\n}\n\nmessagesEl.addEventListener(\"scroll\", () => { if (isNearBottom()) scrollBottomBtn.classList.remove(\"show\"); });\nscrollBottomBtn.addEventListener(\"click\", () => { messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\"); });\nmessagesEl.addEventListener(\"click\", (e) => {\n const replyBtn = e.target.closest(\".reply-btn\");\n if (replyBtn) { const m = messageData.get(Number(replyBtn.dataset.id)); if (m) { replyingTo = { id: m.id, name: m.name, body: m.body || (m.image_url ? \"[画像]\" : \"\") }; showReplyPreview(); } clearSelected(); return; }\n const copyBtn = e.target.closest(\".copy-btn\");\n if (copyBtn) { const m = messageData.get(Number(copyBtn.dataset.id)); if (m) copyText(m.body).then((ok) => toast(ok ? \"コピーしました\" : \"コピーに失敗しました\")); clearSelected(); return; }\n const editBtn = e.target.closest(\".edit-btn\");\n if (editBtn) { startEdit(editBtn.dataset.id); clearSelected(); return; }\n const deleteBtn = e.target.closest(\".delete-btn\");\n if (deleteBtn) { handleDelete(deleteBtn.dataset.id); clearSelected(); return; }\n const pollOption = e.target.closest(\".poll-option\");\n if (pollOption) { handleVote(pollOption.dataset.pollId, pollOption.dataset.messageId, pollOption.dataset.option); return; }\n const img = e.target.closest(\".msg-img\");\n if (img) { openLightbox(img.dataset.full); return; }\n const avatar = e.target.closest(\".msg-avatar-slot\");\n if (avatar) {\n const wrap = avatar.closest(\".msg\"); const m = messageData.get(Number(wrap.dataset.id));\n if (m && roomInfo && roomInfo.members) { const mem = roomInfo.members.find((x) => x.id === m.user_id); if (mem) { openFriendProfileSheet(mem); return; } }\n if (m) { insertMention(m.name, true); }\n return;\n }\n if (e.target.closest(\".edit-box\")) return;\n const bubble = e.target.closest(\".bubble\");\n if (bubble) {\n const wrap = bubble.closest(\".msg\"); const was = wrap.classList.contains(\"selected\");\n clearSelected(); if (!was) wrap.classList.add(\"selected\");\n return;\n }\n clearSelected();\n});\nfunction clearSelected() { document.querySelectorAll(\".msg.selected\").forEach((el) => el.classList.remove(\"selected\")); }\n\nfunction openLightbox(src) { lightboxImg.src = src; lightbox.classList.add(\"show\"); }\nfunction closeLightbox() { lightbox.classList.remove(\"show\"); lightboxImg.src = \"\"; }\nlightbox.addEventListener(\"click\", closeLightbox);\n\nfunction showReplyPreview() {\n if (!replyingTo) { replyPreviewBar.style.display = \"none\"; return; }\n rpText.textContent = replyingTo.name + \": \" + replyingTo.body;\n replyPreviewBar.style.display = \"flex\";\n bodyInput.focus();\n}\nrpCancel.addEventListener(\"click\", () => { replyingTo = null; showReplyPreview(); });\n\nfunction startEdit(idStr) {\n const id = Number(idStr); const m = messageData.get(id);\n if (!m || m.deleted) return;\n const entry = msgIndex.get(id); if (!entry) return;\n const bubbleContainer = entry.el.querySelector(\".bubble-container\");\n bubbleContainer.innerHTML = '

' +\n '

保存キャンセル

';\n const input = bubbleContainer.querySelector(\".edit-input\");\n input.focus(); input.setSelectionRange(input.value.length, input.value.length);\n bubbleContainer.querySelector(\".edit-cancel\").addEventListener(\"click\", () => { bubbleContainer.innerHTML = buildBubbleInner(m); });\n bubbleContainer.querySelector(\".edit-save\").addEventListener(\"click\", () => submitEdit(id, input.value));\n input.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\") { e.preventDefault(); submitEdit(id, input.value); }\n if (e.key === \"Escape\") { bubbleContainer.innerHTML = buildBubbleInner(m); }\n });\n}\nasync function submitEdit(id, newBody) {\n const trimmed = newBody.trim(); if (!trimmed) return;\n try {\n const data = await apiPost(\"/api/edit\", { id, user_id: myId(), body: trimmed });\n if (!data.success) { toast(\"編集に失敗しました\"); return; }\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n}\nasync function handleDelete(idStr) {\n const id = Number(idStr);\n if (!confirm(\"送信を取り消しますか？\")) return;\n try { await apiPost(\"/api/delete\", { id, user_id: myId() }); await poll(); }\n catch (err) { toast(apiErrorMessage(err)); }\n}\nasync function handleVote(pollIdStr, messageIdStr, optionStr) {\n try {\n await apiPost(\"/api/poll/vote\", { poll_id: Number(pollIdStr), message_id: Number(messageIdStr), user_id: myId(), option_index: Number(optionStr) });\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n}\n\n/* =====================================================================\n 入力欄\n ===================================================================== */\nbodyInput.addEventListener(\"input\", () => {\n updateComposerState();\n const val = bodyInput.value; const caret = bodyInput.selectionStart;\n const match = val.slice(0, caret).match(/(^|[\\\\s\\\\u3000])@([^\\\\s\\\\u3000@]*)$/);\n if (match) {\n const query = match[2].toLowerCase(); const myName = getDisplayName();\n const candidates = Array.from(knownNames).filter((n) => n !== myName && n.toLowerCase().includes(query));\n if (candidates.length > 0) { showMentionList(candidates); return; }\n }\n hideMentionList();\n});\nbodyInput.addEventListener(\"blur\", () => setTimeout(hideMentionList, 150));\nfunction autoGrowBody() { bodyInput.style.height = \"auto\"; bodyInput.style.height = Math.min(bodyInput.scrollHeight, 120) + \"px\"; }\nbodyInput.addEventListener(\"input\", autoGrowBody);\n\nfunction getDraftKey() { return \"chatDraft:\" + room; }\nfunction saveDraft() { if (!room) return; try { localStorage.setItem(getDraftKey(), bodyInput.value); } catch (e) {} }\nfunction restoreDraft() {\n if (!room) return;\n try { const saved = localStorage.getItem(getDraftKey()); if (saved) { bodyInput.value = saved; autoGrowBody(); updateComposerState(); } } catch (e) {}\n}\nfunction clearDraft() { if (!room) return; try { localStorage.removeItem(getDraftKey()); } catch (e) {} }\nbodyInput.addEventListener(\"input\", saveDraft);\nwindow.addEventListener(\"pagehide\", saveDraft);\ndocument.addEventListener(\"visibilitychange\", () => {\n if (document.visibilityState === \"hidden\") saveDraft();\n else if (currentScreen === \"chatroom\") { restoreDraft(); poll(); }\n});\nwindow.addEventListener(\"pageshow\", () => { if (currentScreen === \"chatroom\") restoreDraft(); });\nsetInterval(saveDraft, 3000);\n\nbodyInput.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\" && !e.shiftKey && !e.isComposing) {\n e.preventDefault();\n composer.requestSubmit ? composer.requestSubmit() : composer.dispatchEvent(new Event(\"submit\", { cancelable: true }));\n }\n});\nbodyInput.addEventListener(\"focus\", () => { setAppHeightVar(); setTimeout(() => { messagesEl.scrollTop = messagesEl.scrollHeight; }, 300); });\n$(\"micBtn\").addEventListener(\"click\", () => toast(\"音声メッセージは未対応です\"));\n$(\"emojiBtn\").addEventListener(\"click\", () => {\n const emojis = [\"😊\", \"😂\", \"🥹\", \"😍\", \"🤣\", \"😭\", \"👍\", \"🙏\", \"🎉\", \"❤️\", \"✨\", \"🔥\", \"😎\", \"🤔\", \"😴\", \"🍻\", \"☕\", \"🐶\", \"🐱\", \"🌸\"];\n openSheet(\"絵文字\", '

' + emojis.map((e) => '' + e + \"\").join(\"\") + \"

\");\n sheetBody.onclick = (e) => { const s = e.target.closest(\".emoji-pick\"); if (!s) return; bodyInput.value += s.dataset.e; updateComposerState(); autoGrowBody(); saveDraft(); };\n});\n\nfunction showMentionList(candidates) {\n mentionList.innerHTML = \"\";\n candidates.slice(0, 6).forEach((n) => {\n const item = document.createElement(\"div\");\n item.className = \"mention-item\"; item.textContent = n;\n item.addEventListener(\"mousedown\", (e) => { e.preventDefault(); insertMention(n); });\n mentionList.appendChild(item);\n });\n mentionList.style.display = \"block\";\n}\nfunction hideMentionList() { mentionList.style.display = \"none\"; mentionList.innerHTML = \"\"; }\nfunction insertMention(name, append) {\n if (append) { bodyInput.value = (bodyInput.value ? bodyInput.value.replace(/\\\\s*$/, \" \") : \"\") + \"@\" + name + \" \"; }\n else {\n const val = bodyInput.value; const caret = bodyInput.selectionStart;\n const replaced = val.slice(0, caret).replace(/@([^\\\\s\\\\u3000@]*)$/, \"@\" + name + \" \");\n bodyInput.value = replaced + val.slice(caret);\n }\n hideMentionList(); updateComposerState(); autoGrowBody(); bodyInput.focus();\n}\n\n/* ---------- ＋メニュー ---------- */\n$(\"plusBtn\").addEventListener(\"click\", () => {\n openSheet(\"\",\n sheetItem(\"poll\", \"poll\", \"投票を作成\", \"/poll 質問|選択肢1|選択肢2 でも作成できます\") +\n sheetItem(\"roll\", \"dice\", \"ダイスを振る\", \"/roll または /roll 100\") +\n sheetItem(\"who\", \"people\", \"オンラインのメンバー\", \"/who\") +\n sheetItem(\"invite\", \"link\", \"招待リンクをコピー\") +\n sheetItem(\"profile\", \"user\", \"プロフィールを編集\", \"/profile\"));\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action; closeSheet();\n if (a === \"roll\") sendRollCommand(6);\n else if (a === \"who\") sendWhoCommand();\n else if (a === \"invite\") toast((await copyText(location.href)) ? \"招待リンクをコピーしました\" : location.href);\n else if (a === \"profile\") { if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true); }\n else if (a === \"poll\") openPollSheet();\n };\n});\nfunction openPollSheet() {\n openSheet(\"投票を作成\",\n '

' +\n '' +\n '' +\n '

');\n $(\"plCreate\").addEventListener(\"click\", async () => {\n const q = $(\"plQ\").value.trim();\n const opts = Array.from(sheetBody.querySelectorAll(\".pl-opt\")).map((i) => i.value.trim()).filter((s) => s);\n if (!q || opts.length < 2) { toast(\"質問と2つ以上の選択肢を入力してください\"); return; }\n closeSheet();\n await createPoll(q, opts);\n });\n setTimeout(() => $(\"plQ\").focus(), 50);\n}\n\n/* =====================================================================\n スラッシュコマンド / 送信\n ===================================================================== */\nfunction detectSlashCommand(trimmed) {\n if (trimmed === \"/roll\" || trimmed.indexOf(\"/roll \") === 0) {\n const arg = trimmed === \"/roll\" ? \"\" : trimmed.slice(6).trim();\n let max = 6; if (arg !== \"\") { const n = parseInt(arg, 10); if (!Number.isNaN(n) && n > 0) max = n; }\n return { type: \"roll\", max };\n }\n if (trimmed.indexOf(\"/poll \") === 0) return { type: \"poll\", raw: trimmed.slice(6) };\n if (trimmed === \"/who\") return { type: \"who\" };\n if (trimmed.toLowerCase() === \"/profile\") return { type: \"profile\" };\n return null;\n}\nasync function sendRollCommand(max) {\n const safeMax = max > 0 ? max : 6;\n const result = Math.floor(Math.random() * safeMax) + 1;\n bodyInput.value = \"\"; autoGrowBody(); clearDraft(); clearImagePreview();\n await sendNormalMessage(\"🎲 \" + getDisplayName() + \" のダイス: \" + result + \" (1〜\" + safeMax + \")\", null);\n}\nasync function createPoll(question, options) {\n sending = true; bodyInput.disabled = true;\n try {\n const idn = currentIdentity();\n await apiPost(\"/api/poll/create\", { room, user_id: idn.user_id, name: idn.name, avatar_url: idn.avatar, question, options, token: idn.token });\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft(); updateComposerState();\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\nasync function sendPollCommand(raw) {\n const parts = raw.split(\"|\").map((s) => s.trim()).filter((s) => s.length > 0);\n if (parts.length < 3) { toast(\"使い方: /poll 質問|選択肢1|選択肢2 （選択肢は2つ以上）\"); return; }\n await createPoll(parts[0], parts.slice(1));\n}\nasync function sendWhoCommand() {\n bodyInput.value = \"\"; autoGrowBody(); clearDraft(); updateComposerState();\n try {\n await poll();\n const names = onlineUsers.length ? onlineUsers.map((u) => u.name).join(\"、\") : \"(自分以外は今いません)\";\n renderSystemMessage(\"オンライン (\" + onlineUsers.length + \"人): \" + names);\n } catch (err) { console.error(err); }\n}\n\nlet sending = false; let tempIdCounter = 0; let pendingOptimistic = null;\nasync function sendNormalMessage(body, file) {\n sending = true; bodyInput.disabled = true;\n const currentReply = replyingTo;\n const idn = currentIdentity();\n const sendRoom = room;\n try {\n let imageUrl = \"\"; if (file) imageUrl = await fileToBase64(file);\n const tempId = --tempIdCounter; const nowTs = Date.now();\n const optimisticMsg = {\n id: tempId, user_id: idn.user_id, name: idn.name, body, image_url: imageUrl,\n reply_to_id: currentReply ? currentReply.id : null, reply_to_name: currentReply ? currentReply.name : null,\n reply_to_body: currentReply ? currentReply.body : null, edited_at: null, deleted: false,\n updated_at: nowTs, poll_id: null, poll: null, created_at: nowTs, avatar_url: idn.avatar,\n };\n knownNames.add(idn.name);\n appendMessageElementToDOM(optimisticMsg);\n messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\");\n pendingOptimistic = { tempId, body, image_url: imageUrl };\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft(); updateComposerState();\n replyingTo = null; showReplyPreview();\n await apiPost(\"/api/send\", {\n room: sendRoom, user_id: idn.user_id, name: idn.name, body, image_url: imageUrl, avatar_url: idn.avatar, token: idn.token,\n reply_to_id: currentReply ? currentReply.id : null, reply_to_name: currentReply ? currentReply.name : null, reply_to_body: currentReply ? currentReply.body : null,\n });\n await poll();\n } catch (err) {\n console.error(err); toast(apiErrorMessage(err));\n if (pendingOptimistic) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) entry.el.remove();\n msgIndex.delete(pendingOptimistic.tempId); messageData.delete(pendingOptimistic.tempId);\n bodyInput.value = body; autoGrowBody(); updateComposerState();\n pendingOptimistic = null;\n }\n } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\nlet polling = false;\nasync function poll() {\n if (!room || currentScreen !== \"chatroom\" || polling) return;\n polling = true;\n const pollRoom = room;\n try {\n const idn = currentIdentity();\n const res = await fetch(\"/api/messages?room=\" + encodeURIComponent(pollRoom) + \"&since=\" + lastId + \"&sinceUpdate=\" + lastUpdateSeen +\n \"&viewer=\" + encodeURIComponent(idn.user_id) + \"&name=\" + encodeURIComponent(idn.name) +\n (idn.token ? \"&token=\" + encodeURIComponent(idn.token) : \"\") + (document.visibilityState === \"visible\" ? \"&read=1\" : \"\"));\n if (res.status === 403) { toast(\"このトークに参加していません\"); navigateTo(\"talklist\"); return; }\n const data = await res.json();\n if (pollRoom !== room) return;\n if (data.online) onlineUsers = data.online;\n if (data.messages && data.messages.length) render(data.messages);\n if (data.readers) { readers = data.readers; updateAllReadLabels(); }\n } catch (err) { console.error(err); }\n finally { polling = false; }\n}\nwindow.poll = poll;\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault(); if (sending) return;\n const trimmed = bodyInput.value.trim(); const file = pendingFile;\n if (!trimmed && !file) return;\n const cmd = detectSlashCommand(trimmed);\n if (cmd && cmd.type === \"roll\") { await sendRollCommand(cmd.max); return; }\n if (cmd && cmd.type === \"poll\") { await sendPollCommand(cmd.raw); return; }\n if (cmd && cmd.type === \"who\") { await sendWhoCommand(); return; }\n if (cmd && cmd.type === \"profile\") { bodyInput.value = \"\"; autoGrowBody(); updateComposerState(); if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true); return; }\n await sendNormalMessage(trimmed, file);\n});\n\n/* =====================================================================\n 起動\n ===================================================================== */\nfunction boot() {\n refreshIdentityUI();\n maybeShowIosInstallBanner();\n const initial = getRoomFromHash();\n if (initial && initial.indexOf(\"add:\") === 0) { showScreen(\"home\"); loadHome(); handleAddLink(initial.slice(4)); return; }\n if (initial) { openChatroom(initial); loadTalklist(true); }\n else { showScreen(\"talklist\"); loadTalklist(); }\n if (window.startIncomingCallWatcher) window.startIncomingCallWatcher();\n}\nupdateNotifUI();\nif (anonProfile) boot(); else openEntryOverlay(false);\n`;","deleted",false,"label",[14],"d1eccb4b-58a6-420b-ba51-e8d85b95fa3e",["D",1788478632137],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","690448f2-f627-4f9c-a6c5-7d7a2d115d3f","pinnedFileId","6318ae72-a7f0-11f1-bd27-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a069a0-d469-775a-a16b-4f31aa5c28e7","tursoName","d1eccb4b58a6420bba51e8d85b95fa3e","tursoHostname","d1eccb4b58a6420bba51e8d85b95fa3e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789448471428],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_55":56,"_103":104,"_105":42},"branch",{"_35":89,"_11":90,"_22":28,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":12,"_98":10},"isOwned",43,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","かんかん","avatar","https://lh3.googleusercontent.com/a/ACg8ocLI16p0WgrVPfU-N1HNs2XT2RWSbAMgVFqjPLJinXQcxWMIsA=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_140":141,"_142":143,"_144":145,"_146":42,"_147":42,"_148":42,"_149":32,"_150":-5,"_151":-7,"_152":-7,"_153":63,"_154":42,"_155":42,"_156":-5,"_157":42,"_158":42,"_159":42,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":90,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]