Socio-AI Commons

\n setPrompt(e.target.value)}\n disabled={phase !== \"idle\"}\n placeholder=\"Design a minimalist budget tracker with glassmorphism...\"\n className=\"w-full px-6 pt-6 pb-2 text-xl font-medium outline-none placeholder:text-slate-300 resize-none h-32 bg-transparent\"\n />\n

\n {phase !== \"idle\" && (\n

\n \n {getPhaseMessage()}\n \n

\n )}\n {phase === \"idle\" && (\n

\n Costs 10 REP\n •\n Shared Publicly\n

\n )}\n

\n \n {phase === \"idle\"\n ? (\n <>\n Generate Artifact\n \n \n \n \n )\n : \"Processing...\"}\n \n

\n\n

\n {phase !== \"idle\" && phase !== \"finishing\" && (\n

\n Mining Artifact...\n

\n )}\n\n {content.map((item) => (\n

\n {item[1].slice(5, 7).toUpperCase()}\n

\n {item[1]}\n \n Creator\n \n

\n Published an artifact\n

\n vote(item[0])}\n className=\"bg-white border border-slate-200 hover:border-pink-200 hover:text-pink-600 px-5 py-2.5 rounded-xl font-bold transition-all shadow-sm flex items-center gap-2 active:scale-90\"\n >\n ❤️\n {item[4]}\n \n

\n\n

\n \"{item[2]}\"\n

\n \n

\n {\n const win = window.open();\n win.document.write(item[3]);\n }}\n className=\"bg-slate-900/90 backdrop-blur text-white text-[10px] font-black uppercase tracking-widest px-4 py-2 rounded-lg\"\n >\n Inspect Source\n \n

\n ))}\n