Loading presentation...

\n );\n }\n\n if (!presentation) {\n return (\n

Presentation not found

\n );\n }\n\n const joinUrl =\n typeof window !== \"undefined\"\n ? `${window.location.origin}/join/${presentationId}`\n : \"\";\n\n const widgetConfig = activeStep ? JSON.parse(activeStep.widget_config) : null;\n\n const getNextStep = () => {\n if (!activeStep) return null;\n const currentStepNumber = activeStep.step_number;\n return steps.find((s) => s.step_number === currentStepNumber + 1) || null;\n };\n\n const handleNextStep = async () => {\n const nextStep = getNextStep();\n if (nextStep) {\n await handleActivateStep(nextStep);\n }\n };\n\n const nextStep = getNextStep();\n\n return (\n

\n {!isEmbeddedView && (\n

\n {presentation.name}\n

\n by {presentation.presenter}\n

\n setShowSignUpModal(true)}\n className=\"text-sm font-semibold glass-button-secondary px-4 py-2 rounded-lg hover:bg-white/80 transition-all opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto\"\n >\n Sign Up\n \n setShowLoginModal(true)}\n className=\"text-sm font-semibold glass-button-secondary px-4 py-2 rounded-lg hover:bg-white/80 transition-all opacity-0 group-hover:opacity-100 pointer-events-none group-hover:pointer-events-auto\"\n >\n Login\n \n \n Manage\n \n

\n Last Conference\n

\n )}\n\n \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 {/* Left sidebar - QR Code and Steps */}\n

\n {/* QR Code */}\n {activeStep && (\n

\n Join URL\n

\n \n

\n \n {joinUrl.replace(/^https?:\\/\\//, \"\")}\n \n

\n )}\n\n {/* Steps */}\n

\n Steps\n

\n {steps.length === 0 ? (\n

\n No steps yet. Create steps to begin your presentation.\n

\n ) : (\n steps.map((step) => (\n \n {editingStepId === step.id ? (\n

\n setEditingStepName(e.target.value)}\n onBlur={() => handleSaveName(step.id)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n handleSaveName(step.id);\n } else if (e.key === \"Escape\") {\n handleCancelEdit();\n }\n }}\n autoFocus\n className=\"w-full px-2 py-1 border border-gray-300 rounded text-sm font-semibold text-gray-800 focus:outline-none focus:ring-2 focus:ring-last-pink\"\n placeholder={`Step ${step.step_number}`}\n />\n

\n Press Enter to save, Esc to cancel\n

\n ) : (\n handleActivateStep(step)}\n onDoubleClick={(e) => {\n e.stopPropagation();\n handleStartEditName(step);\n }}\n className=\"w-full text-left p-3 group\"\n >\n

\n \n {step.name || `Step ${step.step_number}`}\n \n \n Double-click to edit\n \n

\n \n {step.widget_type}\n

\n \n )}\n

\n ))\n )}\n

\n\n {/* Main content - Widget */}\n

\n {/* Widget Display */}\n {activeStep && widgetConfig && (\n

\n {activeStep.widget_type === \"poll\" && (\n \n )}\n {activeStep.widget_type === \"chat\" && sessionId && (\n \n )}\n {activeStep.widget_type === \"poll2d\" && (\n \n )}\n {activeStep.widget_type === \"multivote\" && (\n \n )}\n {activeStep.widget_type === \"prototype_demo\" && (\n \n )}\n {activeStep.widget_type === \"vibe_coding\" && (\n \n )}\n {activeStep.widget_type === \"boxes_and_lines\" && (\n \n )}\n {activeStep.widget_type === \"connect\" && (\n \n )}\n

\n {nextStep && (\n

\n \n Next Step →\n \n

\n )}\n

\n )}\n\n {!activeStep && (\n

\n Select a step from the sidebar to begin presenting\n

\n )}\n

\n \n\n {/* Login Modal */}\n {showLoginModal && (\n

Login

\n Enter your email to retrieve your previous session.\n

\n \n Email *\n \n setLoginEmail(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !loginLoading && loginEmail.trim()) {\n handleLogin();\n }\n }}\n placeholder=\"your.email@example.com\"\n className=\"w-full px-4 py-3 glass-input text-gray-800 rounded-xl\"\n autoFocus\n />\n

\n \n {loginLoading ? \"Logging in...\" : \"Login\"}\n \n {\n setShowLoginModal(false);\n setLoginEmail(\"\");\n }}\n className=\"px-6 py-3 glass-button-secondary rounded-xl font-semibold transition-all\"\n >\n Cancel\n \n

\n )}\n\n {/* Sign Up Modal */}\n {showSignUpModal && (\n

Sign Up

\n Enter your email to save it to this session. You can use Login later to retrieve this session.\n

\n \n Email *\n \n setSignUpEmail(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !signUpLoading && signUpEmail.trim()) {\n handleSignUp();\n }\n }}\n placeholder=\"your.email@example.com\"\n className=\"w-full px-4 py-3 glass-input text-gray-800 rounded-xl\"\n autoFocus\n />\n

\n \n {signUpLoading ? \"Saving...\" : \"Sign Up\"}\n \n {\n setShowSignUpModal(false);\n setSignUpEmail(\"\");\n }}\n className=\"px-6 py-3 glass-button-secondary rounded-xl font-semibold transition-all\"\n >\n Cancel\n \n

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