Discord Bot Forge · bots con IA en Val Town

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_424":425,"_426":427},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_317":-5,"_20":318,"_22":319,"_320":321,"_322":323,"_26":324,"_24":325,"_326":-5,"_327":-5,"_328":59,"_329":330,"_331":50,"_332":-5,"_333":-5,"_334":335},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","rafitaaa","name","discord-bot-forge","branchName","main","version","path","frontend","project",{"_38":258,"_13":14,"_51":259,"_260":-5,"_261":59,"_262":263,"_264":263,"_265":266,"_267":-5,"_268":269,"_270":117,"_271":50,"_272":-5,"_273":-5,"_274":53,"_275":276,"_277":278,"_279":280,"_281":282,"_283":-5,"_284":285,"_286":285,"_287":288,"_289":288,"_290":288,"_291":285,"_292":285,"_293":294,"_295":296,"_297":298,"_299":59},"tree",[94,95,96,97,98,99,100,101,102,103,104],"file",{"_38":91,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":65,"_49":50,"_51":92,"_17":53,"_54":89,"_56":-5,"_58":59,"_60":-5,"_18":93},"contents",[33,34,35,36,37],"upstream","pull","ahead","behind","envVars",{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":53,"_54":89,"_56":-5,"_58":59,"_60":-5,"_18":90},{"_38":76,"_13":77,"_41":78,"_43":44,"_45":46,"_47":79,"_49":50,"_51":80,"_17":81,"_54":55,"_56":82,"_58":59,"_60":-5,"_18":83},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":73,"_17":53,"_54":55,"_56":74,"_58":59,"_60":-5,"_18":75},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_18":68},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":61},"id","dde87f4d-3369-42b8-846f-db4c76900f15","ui.tsx","fileId","2f822b1c-b2b1-11f1-8110-1607ee4eb77e","parentId","90a7c829-59db-4c6a-af1c-c6e55b3173f5","branchId","37544b5e-d483-4a6e-a9ea-9e395772fd07","branchVersion",16,"latest",true,"createdAt",["D",1789660950109],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0\";\n\n/** Une clases de Tailwind (Twind) ignorando valores falsy. */\nexport function cx(...parts: (string | false | null | undefined)[]): string {\n return parts.filter(Boolean).join(\" \");\n}\n\ntype ButtonProps = {\n children: ReactNode;\n onClick?: () => void;\n variant?: \"primary\" | \"ghost\" | \"danger\" | \"soft\";\n size?: \"sm\" | \"md\";\n disabled?: boolean;\n type?: \"button\" | \"submit\";\n title?: string;\n className?: string;\n};\n\nexport function Button({\n children,\n onClick,\n variant = \"primary\",\n size = \"md\",\n disabled = false,\n type = \"button\",\n title,\n className,\n}: ButtonProps) {\n const variants: Record = {\n primary: \"bg-[#5865F2] hover:bg-[#4752c4] text-white\",\n soft: \"bg-[#404249] hover:bg-[#4e5058] text-[#dbdee1]\",\n ghost: \"bg-transparent hover:bg-[#35373c] text-[#b5bac1] border border-[#3f4147]\",\n danger: \"bg-[#da373c] hover:bg-[#a12828] text-white\",\n };\n const sizes: Record = {\n sm: \"px-2.5 py-1 text-xs rounded-md\",\n md: \"px-3.5 py-2 text-sm rounded-lg\",\n };\n return (\n \n {children}\n \n );\n}\n\nexport function Card({ children, className }: { children: ReactNode; className?: string }) {\n return (\n

\n {children}\n

\n );\n}\n\nexport function Field({\n label,\n hint,\n children,\n}: {\n label: string;\n hint?: string;\n children: ReactNode;\n}) {\n return (\n \n {label}\n {children}\n {hint ? {hint} : null}\n \n );\n}\n\nexport const inputClass =\n \"w-full bg-[#1e1f22] border border-[#3f4147] rounded-lg px-3 py-2 text-sm text-[#dbdee1] \" +\n \"placeholder-[#6d6f78] outline-none focus:border-[#5865F2] focus:ring-1 focus:ring-[#5865F2]\";\n\nexport const textareaClass = cx(inputClass, \"resize-y leading-relaxed font-sans\");\n\nexport function Badge({ children, tone = \"neutral\" }: { children: ReactNode; tone?: string }) {\n const tones: Record = {\n neutral: \"bg-[#404249] text-[#b5bac1]\",\n blurple: \"bg-[#5865F2]/20 text-[#a5b0ff]\",\n green: \"bg-[#248046]/25 text-[#4ade80]\",\n amber: \"bg-[#f0b232]/20 text-[#f0b232]\",\n red: \"bg-[#da373c]/20 text-[#f87171]\",\n };\n return (\n \n {children}\n \n );\n}\n\nconst STATUS_LABEL: Record = {\n online: \"En línea\",\n offline: \"Apagado\",\n starting: \"Arrancando\",\n idle: \"Sin canal\",\n degraded: \"Con avisos\",\n error: \"Error\",\n};\n\nconst STATUS_TONE: Record = {\n online: \"green\",\n offline: \"neutral\",\n starting: \"amber\",\n idle: \"amber\",\n degraded: \"amber\",\n error: \"red\",\n};\n\nexport function StatusPill({ status }: { status: string }) {\n const tone = STATUS_TONE[status] ?? \"neutral\";\n const dot: Record = {\n green: \"bg-[#23a55a]\",\n amber: \"bg-[#f0b232]\",\n red: \"bg-[#da373c]\",\n neutral: \"bg-[#80848e]\",\n };\n return (\n \n \n {STATUS_LABEL[status] ?? status}\n \n );\n}\n\nexport function Spinner({ className }: { className?: string }) {\n return (\n \n );\n}\n\nexport function Alert({ tone = \"red\", children }: { tone?: \"red\" | \"amber\" | \"green\"; children: ReactNode }) {\n const tones = {\n red: \"border-[#da373c]/40 bg-[#da373c]/10 text-[#f87171]\",\n amber: \"border-[#f0b232]/40 bg-[#f0b232]/10 text-[#f0b232]\",\n green: \"border-[#23a55a]/40 bg-[#23a55a]/10 text-[#4ade80]\",\n };\n return (\n

\n {children}\n

\n );\n}\n\nexport function EmptyState({ icon, title, children }: { icon: string; title: string; children?: ReactNode }) {\n return (\n

\n {icon}\n

{title}

\n {children ?

{children}

: null}\n

\n );\n}","deleted",false,"label",[19,40],"c662f147-e5cf-42c6-96de-9c21b6c4f655","root.tsx","2f744d76-b2b1-11f1-8110-1607ee4eb77e",13,["D",1789660950021],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n/**\n * Shell HTML del dashboard. Nunca se cachea, así que immutableFileUrl puede\n * estampar la versión actual del val en la URL del bundle (los assets se\n * cachean de forma inmutable y se refrescan solos al publicar).\n */\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n Discord Bot Forge · bots con IA en Val Town\n \n