\n \n

No Prompt Selected

\n Create a new prompt using the button in the sidebar or select an existing prompt to get started.\n

\n );\n }\n\n return (\n

\n {/* Prompt header */}\n

{prompt.title}

\n {prompt.description && (\n

{prompt.description}

\n )}\n

\n\n {/* Version selector */}\n {prompt.versions.length > 1 && (\n

\n \n Version\n \n

\n {prompt.versions.map(version => (\n handleVersionSelect(version.id)}\n className={`px-3 py-1 text-sm rounded-full ${\n selectedVersionId === version.id\n ? 'bg-indigo-100 text-indigo-700 border border-indigo-300'\n : 'bg-gray-100 text-gray-700 border border-gray-200 hover:bg-gray-200'\n }`}\n >\n v{version.version_number}\n {version.is_current && ' (current)'}\n \n ))}\n

\n )}\n\n {/* Editor */}\n

\n \n Prompt Content\n \n setContent(e.target.value)}\n className=\"flex-1 w-full px-4 py-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter your prompt here...\"\n >\n

\n\n {/* Actions */}\n

\n \n Save as New Version\n \n

\n \n {isLoading ? (\n <>\n \n Testing...\n \n ) : (\n 'Test Prompt'\n )}\n \n

\n\n {/* Test response */}\n {testResponse && (\n

Response

\n {tokenCount && (\n \n {tokenCount} tokens\n \n )}\n

\n {testResponse}\n

\n )}\n

\n );\n};\n\nexport default PromptEditor;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/heybunny/prompthero/code/frontend/components/PromptEditor.tsx","extension","actionData","errors"]