\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",[],[77,103],"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",[],[77,111],"d3af0696-3da0-11f1-a143-42b51c65c3df",["D",1776789638071],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","577e6ff7-f9e3-44e1-bd4d-f42f8a0c53af","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019db0e4-7cba-7612-93a6-9626228fb6b1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_170":166},"org",{"_11":12,"_164":-5,"_165":166,"_127":128,"_167":168,"_169":56},"branch",{"_17":62,"_13":16,"_36":43,"_156":118,"_157":-5,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":14,"_163":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/139986655?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":118,"_13":14,"_48":225,"_120":-5,"_121":56,"_122":123,"_124":123,"_125":-5,"_126":-5,"_127":128,"_129":-5,"_130":56,"_131":-5,"_132":-5,"_133":73,"_134":135,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":141,"_142":141,"_143":144,"_145":144,"_146":144,"_147":141,"_148":141,"_149":226,"_151":227,"_153":228,"_155":56},[207,210,211,212],"files",[207,208,209,210,211,212],"counts",{"_197":73,"_198":199,"_200":73,"_31":201,"_202":203},[189,190,191,192],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":73,"_51":81,"_53":-5,"_55":56,"_57":-5,"_18":196},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":72,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_18":195},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_18":194},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":193},[38],[60],[69],[77],"pulls","branches",1,"forks",{"_204":64,"_206":73},"connections",{"_204":73,"_205":73},"count","unfilledCount","emptyCount",{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":97,"_17":73,"_51":81,"_53":-5,"_55":56,"_57":-5,"_88":223,"_18":224},{"_36":110,"_13":111,"_39":112,"_41":78,"_42":43,"_44":113,"_46":47,"_48":114,"_17":73,"_51":24,"_53":115,"_55":56,"_57":-5,"_88":221,"_18":222},{"_36":102,"_13":103,"_39":104,"_41":78,"_42":43,"_44":105,"_46":47,"_48":106,"_17":73,"_51":65,"_53":107,"_55":56,"_57":-5,"_88":219,"_18":220},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":94,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_88":217,"_18":218},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":91,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_88":215,"_18":216},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_88":213,"_18":214},[],[38],[],[60],[],[69],[],[77,103],[],[77,111],[208,209],[77],["D",1776789638071],{"_11":12,"_170":166},{"_11":12,"_164":-5,"_165":166,"_127":128,"_167":168,"_169":56},{"_17":62,"_13":16,"_36":43,"_156":118,"_157":-5,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":14,"_163":12},"ctx",{"_149":-5,"_186":262,"_263":264,"_265":266,"_267":56,"_268":56,"_269":56,"_270":47,"_271":-5,"_272":-7,"_273":-7,"_274":73,"_275":56,"_276":56,"_277":-5,"_278":56,"_279":56,"_280":56,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":16,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"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"]

Code