[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","mansurkurtaran51","name","ai-creative-studio","path","frontend/components/ResultCard.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":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/mansurkurtaran51/ai-creative-studio/code/frontend/components/ResultCard.tsx","extension","id","8dece020-ccdc-475c-8e0a-d2cb9fd693ed","ResultCard.tsx","fileId","718d499c-b1e4-11f1-9249-1607ee4eb77e","parentId","01a0aada-f650-726c-8e46-73f046f1d732","branchId","5659524a-415a-4634-89d5-e97fabee9dad","branchVersion",11,"latest",true,"createdAt",["D",1789573014028],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Generation } from \"../types.ts\";\n\ntype Props = {\n generation: Generation;\n onDelete: (id: number) => void;\n};\n\nconst STATUS_STYLES: Record = {\n queued: \"bg-neutral-800 text-neutral-300\",\n running: \"bg-amber-400/20 text-amber-200\",\n done: \"bg-emerald-500/20 text-emerald-300\",\n failed: \"bg-rose-500/20 text-rose-300\",\n};\n\nconst STATUS_LABELS: Record = {\n queued: \"queued\",\n running: \"generating\",\n done: \"done\",\n failed: \"failed\",\n};\n\nexport function ResultCard({ generation, onDelete }: Props) {\n const { status, resultUrl, modality } = generation;\n\n return (\n

\n {status === \"done\" && resultUrl\n ? \n : }\n

\n\n

\n \n {STATUS_LABELS[status]}\n \n \n {generation.modelLabel}\n \n

\n\n

\n {generation.prompt}\n

\n\n

\n {status === \"done\" && resultUrl && (\n \n open\n \n )}\n onDelete(generation.id)}\n className=\"ml-auto text-xs text-neutral-600 transition-colors hover:text-rose-400\"\n >\n delete\n \n

\n \n );\n}\n\nfunction Media({ modality, url }: { modality: string; url: string }) {\n if (modality === \"video\") {\n return