\n \n \n \n \n \n

\n View Source\n

\n\n",[],[102,120],"53322754-3622-11f0-87d1-9e149126039e","components","3e53a33b-bd9e-45a7-980d-4db0e3f61c60",10,["D",1747818150101],[133,134,135,136,137],[102,127],{"_35":170,"_13":171,"_38":172,"_40":128,"_42":43,"_44":129,"_46":47,"_48":173,"_17":50,"_51":52,"_53":174,"_55":56,"_57":-5,"_83":175,"_18":176},{"_35":162,"_13":163,"_38":164,"_40":128,"_42":43,"_44":165,"_46":47,"_48":166,"_17":50,"_51":52,"_53":167,"_55":56,"_57":-5,"_83":168,"_18":169},{"_35":154,"_13":155,"_38":156,"_40":128,"_42":43,"_44":157,"_46":47,"_48":158,"_17":50,"_51":52,"_53":159,"_55":56,"_57":-5,"_83":160,"_18":161},{"_35":146,"_13":147,"_38":148,"_40":128,"_42":43,"_44":149,"_46":47,"_48":150,"_17":50,"_51":52,"_53":151,"_55":56,"_57":-5,"_83":152,"_18":153},{"_35":138,"_13":139,"_38":140,"_40":128,"_42":43,"_44":141,"_46":47,"_48":142,"_17":50,"_51":52,"_53":143,"_55":56,"_57":-5,"_83":144,"_18":145},"a5429c68-3622-11f0-8c9a-9e149126039e","ResultsViewer.tsx","a5429d3a-3622-11f0-8c9a-9e149126039e",14,["D",1747818287784],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions, VersionWithResults } from '../../shared/types.ts';\n\ninterface ResultsViewerProps {\n prompt: PromptWithVersions;\n}\n\nconst ResultsViewer: React.FC = ({ prompt }) => {\n const [selectedVersionId, setSelectedVersionId] = useState(null);\n const [versionDetails, setVersionDetails] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [feedback, setFeedback] = useState('');\n const [rating, setRating] = useState(null);\n const [selectedResultId, setSelectedResultId] = useState(null);\n\n // Set selected version when prompt changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setSelectedVersionId(currentVersion.id);\n fetchVersionDetails(currentVersion.id);\n }\n }, [prompt]);\n\n const fetchVersionDetails = async (versionId: number) => {\n setIsLoading(true);\n \n try {\n const response = await fetch(`/api/prompts/versions/${versionId}`);\n const data = await response.json();\n \n if (data.success) {\n setVersionDetails(data.version);\n } else {\n console.error('Error fetching version details:', data.error);\n }\n } catch (error) {\n console.error('Error fetching version details:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleVersionSelect = (versionId: number) => {\n setSelectedVersionId(versionId);\n fetchVersionDetails(versionId);\n };\n\n const handleSaveFeedback = async () => {\n if (!selectedResultId) return;\n \n try {\n setIsLoading(true);\n \n const response = await fetch(`/api/prompts/versions/${selectedVersionId}/results`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n response: versionDetails?.results.find(r => r.id === selectedResultId)?.response || '',\n rating,\n feedback\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n // Refresh version details\n fetchVersionDetails(selectedVersionId!);\n // Reset form\n setFeedback('');\n setRating(null);\n setSelectedResultId(null);\n }\n } catch (error) {\n console.error('Error saving feedback:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n return (\n

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;",[],[102,127,139],"751cb686-3622-11f0-9f16-9e149126039e","PromptEditor.tsx","751cb712-3622-11f0-9f16-9e149126039e",12,["D",1747818207005],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface PromptEditorProps {\n prompt: PromptWithVersions | null;\n onSaveVersion: (promptId: number, content: string) => void;\n onCreatePrompt: (title: string, description: string, content: string) => void;\n}\n\nconst PromptEditor: React.FC = ({ \n prompt, \n onSaveVersion,\n onCreatePrompt\n}) => {\n const [content, setContent] = useState('');\n const [selectedVersionId, setSelectedVersionId] = useState(null);\n const [testResponse, setTestResponse] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [tokenCount, setTokenCount] = useState(null);\n\n // Update content when prompt or selected version changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n // Find current version\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setContent(currentVersion.content);\n setSelectedVersionId(currentVersion.id);\n } else {\n setContent('');\n setSelectedVersionId(null);\n }\n }, [prompt]);\n\n const handleVersionSelect = (versionId: number) => {\n if (!prompt) return;\n \n const version = prompt.versions.find(v => v.id === versionId);\n if (version) {\n setContent(version.content);\n setSelectedVersionId(version.id);\n }\n };\n\n const handleSaveVersion = () => {\n if (!prompt || !content.trim()) return;\n onSaveVersion(prompt.id, content);\n };\n\n const handleTestPrompt = async () => {\n if (!content.trim()) return;\n \n setIsLoading(true);\n setTestResponse(null);\n \n try {\n const response = await fetch('/api/optimize/test', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ prompt: content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setTestResponse(data.response);\n setTokenCount(data.usage.total_tokens);\n \n // Save the result if we have a selected version\n if (prompt && selectedVersionId) {\n await fetch(`/api/prompts/versions/${selectedVersionId}/results`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ response: data.response }),\n });\n }\n } else {\n setTestResponse(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error testing prompt:', error);\n setTestResponse('Error: Failed to test prompt');\n } finally {\n setIsLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n if (!prompt) {\n return (\n

\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 )}\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;",[],[102,127,147],"8c623adc-3622-11f0-a6ec-9e149126039e","OptimizationPanel.tsx","8c623b9a-3622-11f0-a6ec-9e149126039e",13,["D",1747818246046],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface OptimizationPanelProps {\n prompt: PromptWithVersions;\n onSaveVersion: (promptId: number, content: string) => void;\n}\n\nconst OptimizationPanel: React.FC = ({ \n prompt, \n onSaveVersion \n}) => {\n const [currentContent, setCurrentContent] = useState('');\n const [goal, setGoal] = useState('');\n const [suggestions, setSuggestions] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [compareMode, setCompareMode] = useState(false);\n const [promptA, setPromptA] = useState('');\n const [promptB, setPromptB] = useState('');\n const [comparison, setComparison] = useState(null);\n const [criteria, setCriteria] = useState('');\n\n // Set current content when prompt changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setCurrentContent(currentVersion.content);\n setPromptA(currentVersion.content);\n }\n }, [prompt]);\n\n const handleGetSuggestions = async () => {\n setIsLoading(true);\n setSuggestions(null);\n \n try {\n const response = await fetch('/api/optimize/suggestions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n prompt: currentContent,\n goal: goal || undefined\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuggestions(data.suggestions);\n } else {\n setSuggestions(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error getting suggestions:', error);\n setSuggestions('Error: Failed to get suggestions');\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleComparePrompts = async () => {\n if (!promptA.trim() || !promptB.trim()) return;\n \n setIsLoading(true);\n setComparison(null);\n \n try {\n const response = await fetch('/api/optimize/compare', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n promptA,\n promptB,\n criteria: criteria || undefined\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setComparison(data.comparison);\n } else {\n setComparison(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error comparing prompts:', error);\n setComparison('Error: Failed to compare prompts');\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleSaveVersion = (content: string) => {\n if (!content.trim()) return;\n onSaveVersion(prompt.id, content);\n };\n\n return (\n

\n {compareMode ? 'Compare Prompts' : 'Optimize Prompt'}\n

\n setCompareMode(!compareMode)}\n className=\"text-indigo-600 hover:text-indigo-800 text-sm font-medium\"\n >\n Switch to {compareMode ? 'Optimization' : 'Comparison'} Mode\n \n

\n\n {!compareMode ? (\n // Optimization Mode\n <>\n

\n \n Optimization Goal (optional)\n \n setGoal(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\"\n placeholder=\"e.g., 'Make the prompt more concise' or 'Improve clarity'\"\n />\n

\n\n

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

\n\n

\n \n {isLoading ? (\n <>\n \n Generating Suggestions...\n \n ) : (\n 'Get Optimization Suggestions'\n )}\n \n

\n\n {suggestions && (\n

Suggestions

\n {suggestions}\n

\n \n

\n handleSaveVersion(currentContent)}\n className=\"bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Current Version\n \n

\n )}\n \n ) : (\n // Comparison Mode\n <>\n

\n \n Comparison Criteria (optional)\n \n setCriteria(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\"\n placeholder=\"e.g., 'Clarity, specificity, and conciseness'\"\n />\n

\n\n

\n \n Prompt A\n \n setPromptA(e.target.value)}\n className=\"w-full h-48 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter first prompt here...\"\n >\n

\n \n Prompt B\n \n setPromptB(e.target.value)}\n className=\"w-full h-48 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter second prompt here...\"\n >\n

\n\n

\n \n {isLoading ? (\n <>\n \n Comparing Prompts...\n \n ) : (\n 'Compare Prompts'\n )}\n \n

\n\n {comparison && (\n

Comparison Results

\n {comparison}\n

\n \n

\n handleSaveVersion(promptA)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Prompt A\n \n handleSaveVersion(promptB)}\n className=\"bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Prompt B\n \n

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

\n );\n};\n\nexport default OptimizationPanel;",[],[102,127,155],"61645d4c-3622-11f0-888e-9e149126039e","Navigation.tsx","61645e14-3622-11f0-888e-9e149126039e",11,["D",1747818173921],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport { Prompt } from '../../shared/types.ts';\n\ninterface NavigationProps {\n prompts: Prompt[];\n currentPromptId?: number;\n onSelectPrompt: (promptId: number) => void;\n onCreatePrompt: (title: string, description: string, content: string) => void;\n}\n\nconst Navigation: React.FC = ({ \n prompts, \n currentPromptId, \n onSelectPrompt,\n onCreatePrompt\n}) => {\n const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);\n const [newPromptTitle, setNewPromptTitle] = useState('');\n const [newPromptDescription, setNewPromptDescription] = useState('');\n const [newPromptContent, setNewPromptContent] = useState('');\n\n const handleCreatePrompt = () => {\n if (newPromptTitle.trim() && newPromptContent.trim()) {\n onCreatePrompt(newPromptTitle, newPromptDescription, newPromptContent);\n setNewPromptTitle('');\n setNewPromptDescription('');\n setNewPromptContent('');\n setIsCreateModalOpen(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n });\n };\n\n return (\n

\n setIsCreateModalOpen(true)}\n className=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-4 rounded-md flex items-center justify-center\"\n >\n \n New Prompt\n \n

\n\n

\n Your Prompts\n

\n\n

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

\n No prompts yet. Create your first one!\n

\n ) : (\n prompts.map(prompt => (\n onSelectPrompt(prompt.id)}\n className={`w-full text-left px-3 py-2 rounded-md text-sm font-medium ${\n currentPromptId === prompt.id\n ? 'bg-indigo-100 text-indigo-700'\n : 'text-gray-700 hover:bg-gray-100'\n }`}\n >\n

{prompt.title}

\n {formatDate(prompt.updated_at)}\n

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

\n\n {/* Create Prompt Modal */}\n {isCreateModalOpen && (\n

Create New Prompt

\n \n

\n \n Title *\n \n setNewPromptTitle(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\"\n placeholder=\"Enter a title for your prompt\"\n />\n

\n \n

\n \n Description\n \n setNewPromptDescription(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\"\n placeholder=\"Optional description\"\n />\n

\n \n

\n \n Prompt Content *\n \n setNewPromptContent(e.target.value)}\n rows={6}\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\"\n placeholder=\"Enter your prompt content here...\"\n >\n

\n \n

\n setIsCreateModalOpen(false)}\n className=\"px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50\"\n >\n Cancel\n \n \n Create Prompt\n \n

\n )}\n

\n );\n};\n\nexport default Navigation;",[],[102,127,163],"5331e76c-3622-11f0-87d1-9e149126039e","App.tsx","5331e802-3622-11f0-87d1-9e149126039e",["D",1747818150101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport Navigation from './Navigation.tsx';\nimport PromptEditor from './PromptEditor.tsx';\nimport OptimizationPanel from './OptimizationPanel.tsx';\nimport ResultsViewer from './ResultsViewer.tsx';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface AppProps {\n initialData: {\n appName: string;\n version: string;\n };\n}\n\nconst App: React.FC = ({ initialData }) => {\n const [prompts, setPrompts] = useState([]);\n const [currentPrompt, setCurrentPrompt] = useState(null);\n const [loading, setLoading] = useState(true);\n const [view, setView] = useState<'editor' | 'optimize' | 'results'>('editor');\n const [notification, setNotification] = useState<{ message: string; type: 'success' | 'error' } | null>(null);\n\n // Fetch prompts on initial load\n useEffect(() => {\n fetchPrompts();\n }, []);\n\n const fetchPrompts = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/prompts');\n const data = await response.json();\n \n if (data.success) {\n setPrompts(data.prompts);\n if (data.prompts.length > 0) {\n await fetchPromptDetails(data.prompts[0].id);\n } else {\n setCurrentPrompt(null);\n }\n } else {\n showNotification(data.error || 'Failed to fetch prompts', 'error');\n }\n } catch (error) {\n console.error('Error fetching prompts:', error);\n showNotification('Failed to fetch prompts', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const fetchPromptDetails = async (promptId: number) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/prompts/${promptId}`);\n const data = await response.json();\n \n if (data.success) {\n setCurrentPrompt(data.prompt);\n } else {\n showNotification(data.error || 'Failed to fetch prompt details', 'error');\n }\n } catch (error) {\n console.error('Error fetching prompt details:', error);\n showNotification('Failed to fetch prompt details', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const createPrompt = async (title: string, description: string, content: string) => {\n try {\n setLoading(true);\n const response = await fetch('/api/prompts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ title, description, content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n showNotification('Prompt created successfully', 'success');\n await fetchPrompts();\n await fetchPromptDetails(data.promptId);\n } else {\n showNotification(data.error || 'Failed to create prompt', 'error');\n }\n } catch (error) {\n console.error('Error creating prompt:', error);\n showNotification('Failed to create prompt', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const createVersion = async (promptId: number, content: string) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/prompts/${promptId}/versions`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n showNotification('New version created successfully', 'success');\n await fetchPromptDetails(promptId);\n } else {\n showNotification(data.error || 'Failed to create version', 'error');\n }\n } catch (error) {\n console.error('Error creating version:', error);\n showNotification('Failed to create version', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const showNotification = (message: string, type: 'success' | 'error') => {\n setNotification({ message, type });\n setTimeout(() => setNotification(null), 5000);\n };\n\n return (\n

\n {/* Header */}\n

\n ✨ {initialData.appName}\n v{initialData.version}\n

\n \n \n \n

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

\n {/* Sidebar */}\n \n\n {/* Main content area */}\n

\n {loading ? (\n

\n ) : (\n <>\n {view === 'editor' && (\n \n )}\n \n {view === 'optimize' && currentPrompt && (\n \n )}\n \n {view === 'results' && currentPrompt && (\n \n )}\n \n )}\n

\n\n {/* Notification */}\n {notification && (\n

\n {notification.message}\n

\n )}\n

\n );\n};\n\nexport default App;",[],[102,127,171],"0f62e414-3622-11f0-8d34-9e149126039e",2,["D",1747818036335],[182,183,184],[59],{"_35":205,"_13":206,"_38":207,"_40":69,"_42":43,"_44":208,"_46":47,"_48":209,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":210,"_18":211},{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":45,"_46":47,"_48":194,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":195,"_18":196},{"_35":185,"_13":186,"_38":187,"_40":69,"_42":43,"_44":188,"_46":47,"_48":189,"_17":178,"_51":190,"_53":191,"_55":56,"_57":-5,"_83":192,"_18":193},"aedab7a6-3622-11f0-9d44-9e149126039e","index.ts","0f62de88-3622-11f0-8d34-9e149126039e",16,["D",1747818303879],"http","import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { cors } from 'https://esm.sh/@hono/cors@0.0.6';\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport promptsRouter from './routes/prompts.ts';\nimport optimizeRouter from './routes/optimize.ts';\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Apply CORS middleware\napp.use('/*', cors());\n\n// API routes\napp.route('/api/prompts', promptsRouter);\napp.route('/api/optimize', optimizeRouter);\n\n// Serve static files\napp.get('/frontend/*', c => serveFile(c.req.path, import.meta.url));\napp.get('/shared/*', c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html with initial data\napp.get('/', async c => {\n let html = await readFile('/frontend/index.html', import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const initialData = {\n appName: 'PromptCraft',\n version: '1.0.0'\n };\n \n const dataScript = ``;\n \n html = html.replace('', `${dataScript}`);\n return c.html(html);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[59,186],["D",1747818079660],[197,198],[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":202,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_83":203,"_18":204},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":199,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":200,"_18":201},["D",1747818079660],[],[59,60,37],["D",1747818096964],[],[59,60,62],"1515db3c-3622-11f0-a002-9e149126039e","database","9627b79f-0627-4938-b547-331eda903f55",3,["D",1747818045893],[212,213],[59,206],{"_35":222,"_13":223,"_38":224,"_40":207,"_42":43,"_44":208,"_46":47,"_48":225,"_17":50,"_51":52,"_53":226,"_55":56,"_57":-5,"_83":227,"_18":228},{"_35":214,"_13":215,"_38":216,"_40":207,"_42":43,"_44":217,"_46":47,"_48":218,"_17":50,"_51":52,"_53":219,"_55":56,"_57":-5,"_83":220,"_18":221},"1fd21144-3622-11f0-8d59-9e149126039e","queries.ts","1fd211da-3622-11f0-8d59-9e149126039e",4,["D",1747818063910],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { PROMPTS_TABLE, VERSIONS_TABLE, RESULTS_TABLE } from './migrations.ts';\n\n// Types\nexport interface Prompt {\n id: number;\n title: string;\n description: string | null;\n created_at: number;\n updated_at: number;\n}\n\nexport interface PromptVersion {\n id: number;\n prompt_id: number;\n content: string;\n version_number: number;\n is_current: boolean;\n created_at: number;\n}\n\nexport interface PromptResult {\n id: number;\n version_id: number;\n response: string;\n rating: number | null;\n feedback: string | null;\n created_at: number;\n}\n\nexport interface PromptWithVersions extends Prompt {\n versions: PromptVersion[];\n}\n\nexport interface VersionWithResults extends PromptVersion {\n results: PromptResult[];\n}\n\n// Prompt CRUD operations\nexport async function createPrompt(title: string, description: string | null, initialContent: string): Promise {\n const now = Date.now();\n \n // Create the prompt\n const promptResult = await sqlite.execute(\n `INSERT INTO ${PROMPTS_TABLE} (title, description, created_at, updated_at) \n VALUES (?, ?, ?, ?)\n RETURNING id`,\n [title, description, now, now]\n );\n \n const promptId = promptResult.rows[0].id;\n \n // Create the initial version\n await sqlite.execute(\n `INSERT INTO ${VERSIONS_TABLE} (prompt_id, content, version_number, is_current, created_at)\n VALUES (?, ?, ?, ?, ?)`,\n [promptId, initialContent, 1, true, now]\n );\n \n return promptId;\n}\n\nexport async function getPrompts(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${PROMPTS_TABLE} ORDER BY updated_at DESC`);\n return result.rows as Prompt[];\n}\n\nexport async function getPromptWithVersions(promptId: number): Promise {\n // Get the prompt\n const promptResult = await sqlite.execute(\n `SELECT * FROM ${PROMPTS_TABLE} WHERE id = ?`,\n [promptId]\n );\n \n if (promptResult.rows.length === 0) {\n return null;\n }\n \n const prompt = promptResult.rows[0] as Prompt;\n \n // Get all versions\n const versionsResult = await sqlite.execute(\n `SELECT * FROM ${VERSIONS_TABLE} WHERE prompt_id = ? ORDER BY version_number DESC`,\n [promptId]\n );\n \n const versions = versionsResult.rows as PromptVersion[];\n \n return {\n ...prompt,\n versions\n };\n}\n\nexport async function createNewVersion(promptId: number, content: string): Promise {\n // Get the current highest version number\n const versionResult = await sqlite.execute(\n `SELECT MAX(version_number) as max_version FROM ${VERSIONS_TABLE} WHERE prompt_id = ?`,\n [promptId]\n );\n \n const maxVersion = versionResult.rows[0].max_version || 0;\n const newVersionNumber = maxVersion + 1;\n \n // Set all versions to not current\n await sqlite.execute(\n `UPDATE ${VERSIONS_TABLE} SET is_current = 0 WHERE prompt_id = ?`,\n [promptId]\n );\n \n // Create the new version\n const result = await sqlite.execute(\n `INSERT INTO ${VERSIONS_TABLE} (prompt_id, content, version_number, is_current, created_at)\n VALUES (?, ?, ?, ?, ?)\n RETURNING id`,\n [promptId, content, newVersionNumber, true, Date.now()]\n );\n \n // Update the prompt's updated_at timestamp\n await sqlite.execute(\n `UPDATE ${PROMPTS_TABLE} SET updated_at = ? WHERE id = ?`,\n [Date.now(), promptId]\n );\n \n return result.rows[0].id;\n}\n\nexport async function saveResult(versionId: number, response: string, rating?: number, feedback?: string): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${RESULTS_TABLE} (version_id, response, rating, feedback, created_at)\n VALUES (?, ?, ?, ?, ?)\n RETURNING id`,\n [versionId, response, rating || null, feedback || null, Date.now()]\n );\n \n return result.rows[0].id;\n}\n\nexport async function getVersionWithResults(versionId: number): Promise {\n // Get the version\n const versionResult = await sqlite.execute(\n `SELECT * FROM ${VERSIONS_TABLE} WHERE id = ?`,\n [versionId]\n );\n \n if (versionResult.rows.length === 0) {\n return null;\n }\n \n const version = versionResult.rows[0] as PromptVersion;\n \n // Get all results\n const resultsResult = await sqlite.execute(\n `SELECT * FROM ${RESULTS_TABLE} WHERE version_id = ? ORDER BY created_at DESC`,\n [versionId]\n );\n \n const results = resultsResult.rows as PromptResult[];\n \n return {\n ...version,\n results\n };\n}",[],[59,206,215],"1515b38c-3622-11f0-a002-9e149126039e","migrations.ts","1515b47c-3622-11f0-a002-9e149126039e",["D",1747818045893],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - use versioning for schema changes\nexport const PROMPTS_TABLE = 'prompt_craft_prompts_v1';\nexport const VERSIONS_TABLE = 'prompt_craft_versions_v1';\nexport const RESULTS_TABLE = 'prompt_craft_results_v1';\n\n/**\n * Run all migrations to set up the database schema\n */\nexport async function runMigrations() {\n // Create prompts table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PROMPTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n description TEXT,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n )\n `);\n\n // Create prompt versions table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${VERSIONS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n prompt_id INTEGER NOT NULL,\n content TEXT NOT NULL,\n version_number INTEGER NOT NULL,\n is_current BOOLEAN NOT NULL DEFAULT 0,\n created_at INTEGER NOT NULL,\n FOREIGN KEY (prompt_id) REFERENCES ${PROMPTS_TABLE}(id)\n )\n `);\n\n // Create results table for tracking performance\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${RESULTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n version_id INTEGER NOT NULL,\n response TEXT NOT NULL,\n rating INTEGER,\n feedback TEXT,\n created_at INTEGER NOT NULL,\n FOREIGN KEY (version_id) REFERENCES ${VERSIONS_TABLE}(id)\n )\n `);\n}\n\n// Run migrations on module import\nrunMigrations().catch(err => {\n console.error('Failed to run migrations:', err);\n});",[],[59,206,223],"ea2e18da-3621-11f0-8199-9e149126039e",["D",1747817973918],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","5d684f12-ce21-4331-a69d-3fc32ac8bcbe","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","bb1cf631-e7f7-4437-af7c-3a9e70eace24","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_281":277},"org",{"_11":12,"_275":-5,"_276":277,"_238":239,"_278":279,"_280":56},"branch",{"_17":188,"_13":16,"_35":43,"_267":229,"_268":-5,"_269":-5,"_270":-5,"_271":-5,"_272":-5,"_273":14,"_274":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJwUzFTUTJKNzg0Z1VFN0NadVo4UGswaUxUVyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":229,"_13":14,"_48":375,"_231":-5,"_232":56,"_233":234,"_235":234,"_236":-5,"_237":-5,"_238":239,"_240":187,"_241":47,"_242":47,"_243":-5,"_244":50,"_245":246,"_247":-5,"_248":-5,"_249":-5,"_250":-5,"_251":252,"_253":252,"_254":255,"_256":255,"_257":255,"_258":252,"_259":252,"_260":376,"_262":377,"_264":378,"_266":56},[315,323,332,334],"files",[315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334],"counts",{"_306":50,"_307":80,"_308":50,"_32":309,"_310":311},[302,303],{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":45,"_46":47,"_48":70,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":301},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_18":305},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":304},[59,60,37],[59,60,62],"pulls","branches","forks",{"_312":50,"_314":50},"connections",{"_312":50,"_313":50},"count","unfilledCount","emptyCount",{"_35":177,"_13":59,"_38":69,"_40":-5,"_42":43,"_44":178,"_46":47,"_48":179,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":373,"_18":374},{"_35":205,"_13":206,"_38":207,"_40":69,"_42":43,"_44":208,"_46":47,"_48":209,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":371,"_18":372},{"_35":222,"_13":223,"_38":224,"_40":207,"_42":43,"_44":208,"_46":47,"_48":225,"_17":50,"_51":52,"_53":226,"_55":56,"_57":-5,"_83":369,"_18":370},{"_35":214,"_13":215,"_38":216,"_40":207,"_42":43,"_44":217,"_46":47,"_48":218,"_17":50,"_51":52,"_53":219,"_55":56,"_57":-5,"_83":367,"_18":368},{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":45,"_46":47,"_48":194,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":365,"_18":366},{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":202,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_83":363,"_18":364},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":199,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":361,"_18":362},{"_35":185,"_13":186,"_38":187,"_40":69,"_42":43,"_44":188,"_46":47,"_48":189,"_17":178,"_51":190,"_53":191,"_55":56,"_57":-5,"_83":359,"_18":360},{"_35":101,"_13":102,"_38":103,"_40":-5,"_42":43,"_44":104,"_46":47,"_48":105,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":357,"_18":358},{"_35":126,"_13":127,"_38":128,"_40":103,"_42":43,"_44":129,"_46":47,"_48":130,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":355,"_18":356},{"_35":170,"_13":171,"_38":172,"_40":128,"_42":43,"_44":129,"_46":47,"_48":173,"_17":50,"_51":52,"_53":174,"_55":56,"_57":-5,"_83":353,"_18":354},{"_35":162,"_13":163,"_38":164,"_40":128,"_42":43,"_44":165,"_46":47,"_48":166,"_17":50,"_51":52,"_53":167,"_55":56,"_57":-5,"_83":351,"_18":352},{"_35":154,"_13":155,"_38":156,"_40":128,"_42":43,"_44":157,"_46":47,"_48":158,"_17":50,"_51":52,"_53":159,"_55":56,"_57":-5,"_83":349,"_18":350},{"_35":146,"_13":147,"_38":148,"_40":128,"_42":43,"_44":149,"_46":47,"_48":150,"_17":50,"_51":52,"_53":151,"_55":56,"_57":-5,"_83":347,"_18":348},{"_35":138,"_13":139,"_38":140,"_40":128,"_42":43,"_44":141,"_46":47,"_48":142,"_17":50,"_51":52,"_53":143,"_55":56,"_57":-5,"_83":345,"_18":346},{"_35":119,"_13":120,"_38":121,"_40":103,"_42":43,"_44":104,"_46":47,"_48":122,"_17":50,"_51":24,"_53":123,"_55":56,"_57":-5,"_83":343,"_18":344},{"_35":111,"_13":112,"_38":113,"_40":103,"_42":43,"_44":114,"_46":47,"_48":115,"_17":50,"_51":52,"_53":116,"_55":56,"_57":-5,"_83":341,"_18":342},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_83":339,"_18":340},{"_35":94,"_13":95,"_38":96,"_40":88,"_42":43,"_44":89,"_46":47,"_48":97,"_17":50,"_51":52,"_53":98,"_55":56,"_57":-5,"_83":337,"_18":338},{"_35":77,"_13":78,"_38":79,"_40":-5,"_42":43,"_44":80,"_46":47,"_48":81,"_17":50,"_51":24,"_53":82,"_55":56,"_57":-5,"_83":335,"_18":336},[],[78],[],[87,95],[333],[87],[],[102,112],[],[102,120],[],[102,127,139],[],[102,127,147],[],[102,127,155],[],[102,127,163],[],[102,127,171],[325,326,327,328,329],[102,127],[324,330,331],[102],[],[59,186],[],[59,60,37],[],[59,60,62],[320,321],[59,60],[],[59,206,215],[],[59,206,223],[317,318],[59,206],[316,319,322],[59],["D",1747817973918],{"_11":12,"_281":277},{"_11":12,"_275":-5,"_276":277,"_238":239,"_278":279,"_280":56},{"_17":188,"_13":16,"_35":43,"_267":229,"_268":-5,"_269":-5,"_270":-5,"_271":-5,"_272":-5,"_273":14,"_274":12},"ctx",{"_260":-5,"_298":412,"_413":414,"_415":416,"_417":56,"_418":56,"_419":56,"_420":47,"_421":-5,"_422":-7,"_423":-7,"_424":50,"_425":56,"_426":56,"_427":-5,"_428":56,"_429":56,"_430":56,"_431":-5},"ENV",{"_383":384,"_385":386,"_387":16,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]