Results & Analytics

\n View and analyze results from your prompt versions\n

\n\n {/* Version selector */}\n

\n \n Select 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 {isLoading ? (\n

\n ) : (\n <>\n {/* Version content */}\n {versionDetails && (\n

\n \n Prompt Content\n \n

\n {versionDetails.content}\n

\n )}\n\n {/* Results */}\n

\n Results ({versionDetails?.results.length || 0})\n

\n \n {versionDetails?.results.length === 0 ? (\n

\n No results yet. Test your prompt to see responses here.\n

\n ) : (\n

\n {versionDetails?.results.map(result => (\n

\n {formatDate(result.created_at)}\n

\n {result.rating && (\n

\n {[...Array(5)].map((_, i) => (\n \n ))}\n

\n )}\n setSelectedResultId(selectedResultId === result.id ? null : result.id)}\n className=\"text-xs text-indigo-600 hover:text-indigo-800\"\n >\n {selectedResultId === result.id ? 'Cancel' : 'Add Feedback'}\n \n

\n {result.response}\n

\n {result.feedback && (\n

Feedback:

{result.feedback}

\n )}\n \n {/* Feedback form */}\n {selectedResultId === result.id && (\n

\n \n Rating\n \n

\n {[1, 2, 3, 4, 5].map(star => (\n setRating(star)}\n className=\"focus:outline-none\"\n >\n \n \n ))}\n

\n \n Feedback\n \n setFeedback(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 text-sm\"\n placeholder=\"What worked well or could be improved?\"\n rows={3}\n >\n

\n \n Save Feedback\n \n

\n )}\n

\n ))}\n

\n )}\n

\n \n )}\n

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