[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_113":114,"_115":116},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","pikachu","name","Quickstart-Full-Stack","path","frontend/pages/features/page-mail.tsx","project",{"_22":50,"_11":12,"_35":51,"_52":-5,"_53":44,"_54":55,"_56":55,"_57":58,"_59":60,"_61":62,"_63":64,"_65":34,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/pikachu/Quickstart-Full-Stack/code/frontend/pages/features/page-mail.tsx","extension","id","6938efaa-200e-4a94-bf17-2086d80f9e36","page-mail.tsx","fileId","09235c92-4c96-11f1-987c-ee650bb23af1","parentId","39a158b8-a580-11f1-a64f-1607ee4eb77e","branchId","5a0a7ac8-4895-11f1-80ec-42b51c65c3df","branchVersion",372,"latest",true,"createdAt",["D",1788212991039],"version",11,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@19.2.0 */\n// page-mail.tsx — Email Inbox demo: send a real email, watch AI triage it\n// live. Trigger internals (address format, outbound limits, attachments)\n// live in the Docs section — this page stays demo-only.\n\nimport {\n Badge,\n Banner,\n Button,\n Heading,\n HStack,\n Table,\n TableBody,\n TableCell,\n TableHeader,\n TableHeaderCell,\n TableRow,\n Text,\n VStack,\n} from \"../../astryx/components.ts\";\nimport { PageLinks, PageShell, Panel } from \"../kit.tsx\";\nimport { inboundEmailAddress } from \"../../../backend/shared.ts\";\n\nconst LINKS = [\n { href: \"https://docs.val.town/vals/email/\", label: \"Email docs\" },\n { href: \"https://docs.val.town/reference/std/email/\", label: \"std/email reference\" },\n];\n\nexport function EmailPage() {\n const address = inboundEmailAddress();\n return (\n \n \n Email Inbox — AI spam triage, live\n \n Send a real email to the address below. Val Town's email trigger receives it, and this App\n runs it through a free GPT-mini model (no API key needed — see backend/ai.ts) that flags\n spam and writes a one-line summary of anything real.\n \n \n \n\n \n Your test address\n \n \n {address\n ? (\n \n {address}\n \n )\n : (\n \n Set VAL_TOWN_USERNAME{\" \"}\n in this App's env vars to compute and show your live inbound address here.\n \n )}\n \n Send anything — a real message or a spammy-looking one — then hit refresh below.\n Triage usually lands within a few seconds.\n \n \n \n \n\n \n\n \n Inbox — live, triaged by AI\n \n \n \n