Discord Bot Forge · bots con IA en Val Town

\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}",[],[310,302],"frontend","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

History · README.md