\n {error && (\n

\n ⚠️\n {error}\n setError(null)}\n className=\"ml-auto text-red-500 hover:text-red-700\"\n aria-label=\"Dismiss error\"\n >\n ✕\n \n

\n )}\n\n {/* Journey Stage Question */}\n

{config.question1}

\n \n

\n {/* Timeline track */}\n

\n {/* Progress indicator */}\n {journeyStage !== null && (\n \n

\n )}\n

\n \n {/* Stage labels */}\n

\n {config.journeyStages.map((stage, index) => (\n setJourneyStage(index)}\n className=\"flex flex-col items-center gap-2 transition-all transform duration-200 cursor-pointer hover:scale-110\"\n >\n

\n {journeyStage === index && (\n

\n )}\n

\n \n {stage}\n \n \n ))}\n

\n\n {/* Risk Aversion Question */}\n

{config.question2}

\n \n

\n {Array.from({ length: config.riskScaleMax - config.riskScaleMin + 1 }, (_, i) => {\n const value = config.riskScaleMin + i;\n const label = config.riskLabels && config.riskLabels[i] \n ? config.riskLabels[i] \n : String(value);\n return (\n setRiskAversion(value)}\n className={`flex-1 py-4 px-2 rounded-xl border-2 transition-all transform duration-200 ${\n riskAversion === value\n ? \"border-last-pink bg-gradient-to-r from-last-pink/10 to-last-orange/10 shadow-md scale-[1.02]\"\n : \"border-gray-200/60 hover:border-last-pink/50 hover:bg-white/50 bg-white/30\"\n } cursor-pointer`}\n >\n

\n {value}\n

\n {label}\n

\n \n );\n })}\n

\n\n {lastSubmitted ? (\n

\n ✓ Response {hasExistingResponse ? \"updated\" : \"submitted\"}!\n

\n ) : (\n \n {loading ? (hasExistingResponse ? \"Updating...\" : \"Submitting...\") : (hasExistingResponse ? \"Update Answer\" : \"Submit Answer\")}\n \n )}\n

\n );\n}\n\n","deleted","label",[167,168,169,149],"frontend","components","widgets","permalink","https://www.val.town/x/fwfben/live-talk/code/frontend/components/widgets/Poll2DWidget.tsx","extension","actionData","errors"]