\n {/* Header */}\n

\n Discord Dashboard\n

\n \n view source\n \n

\n\n {/* Tabs */}\n

\n {([\"messages\", \"send\", \"webhook\"] as const).map((t) => (\n setTab(t)}\n className={`px-4 py-2 rounded-lg font-medium transition ${\n tab === t ? \"bg-indigo-600 text-white\" : \"bg-gray-800 text-gray-300 hover:bg-gray-700\"\n }`}\n >\n {t === \"messages\" && <>Messages}\n {t === \"send\" && <>Send}\n {t === \"webhook\" && <>Webhook}\n \n ))}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {/* Messages Tab */}\n {tab === \"messages\" && (\n

\n {/* Search bar */}\n

\n setSearchQuery(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleSearch()}\n placeholder=\"Search messages or usernames...\"\n className=\"flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:outline-none focus:border-indigo-500\"\n />\n \n {searching ? \"...\" : \"Search\"}\n \n { setSearchQuery(\"\"); fetchMessages(); }}\n className=\"bg-gray-700 hover:bg-gray-600 px-4 py-2 rounded-lg\"\n >\n \n \n

\n\n {/* Message list */}\n {loading ? (\n

\n \n

Loading messages...

\n ) : messages.length === 0 ? (\n

No messages found

\n ) : (\n

\n {messages.map((msg) => (\n

\n {msg.author.username.charAt(0).toUpperCase()}\n

\n {msg.author.username}\n {formatTime(msg.timestamp)}\n

{msg.content || (embed/attachment)}

\n handleDelete(msg.id)}\n className=\"opacity-0 group-hover:opacity-100 text-red-400 hover:text-red-300 transition p-1\"\n title=\"Delete message\"\n >\n \n \n

\n ))}\n

\n )}\n

\n )}\n\n {/* Send Tab */}\n {tab === \"send\" && (\n

Send Message

\n setNewMessage(e.target.value)}\n onKeyDown={(e) => { if (e.key === \"Enter\" && e.ctrlKey) handleSend(); }}\n placeholder=\"Type your message... (Ctrl+Enter to send)\"\n rows={4}\n className=\"w-full bg-gray-900 border border-gray-700 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-indigo-500 resize-none mb-4\"\n />\n \n {sending ? <>Sending... : <>Send Message}\n \n

\n )}\n\n {/* Webhook Tab */}\n {tab === \"webhook\" && (\n

Webhook Endpoint

Send a POST request to this URL to forward messages to your Discord channel.

\n {webhookUrl}\n navigator.clipboard.writeText(webhookUrl)}\n className=\"text-gray-400 hover:text-white px-2\"\n title=\"Copy URL\"\n >\n \n \n

Example payload:

\n{`POST ${webhookUrl}\nContent-Type: application/json\n\n{\n  \"text\": \"Hello from webhook!\"\n}`}\n

\n Accepts text, content, or message fields. Falls back to stringified JSON.\n

\n )}\n\n \n

\n );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[143,177],"0c90a582-3da1-11f1-a924-42b51c65c3df","index.html","0c90a654-3da1-11f1-a924-42b51c65c3df",7,["D",1776789733490],"\n\n\n \n \n Discord Dashboard\n \n \n \n\n\n

\n \n\n\n",[],[143,185],["D",1776789707545],[161,162],[143],["D",1776789638071],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_102":232,"_233":234,"_235":236,"_237":26,"_238":26,"_239":26,"_240":100,"_241":-5,"_242":-7,"_243":-7,"_244":39,"_245":26,"_246":26,"_247":-5,"_248":26,"_249":26,"_250":26,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":64,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]