\n \n

\n Save Your Artwork\n

\n Sign in to save your pixel art creations and access them from anywhere.\n

\n \n Sign In / Sign Up\n \n

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

\n My Workspace\n

\n setShowSaveDialog(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-1 px-3 rounded transition-colors\"\n >\n Save\n \n

\n\n {showSaveDialog && (\n

Save Artwork

\n \n

\n Title *\n setSaveTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 darker:bg-dark-200\"\n placeholder=\"Enter artwork title\"\n />\n

\n \n

\n Description\n setSaveDescription(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 darker:bg-dark-200\"\n rows={3}\n placeholder=\"Describe your artwork (optional)\"\n />\n

\n \n

\n setIsPublic(e.target.checked)}\n className=\"mr-2\"\n />\n \n Make this artwork public\n \n

\n\n

\n setShowSaveDialog(false)}\n className=\"flex-1 bg-gray-300 hover:bg-gray-400 text-gray-700 py-2 px-4 rounded transition-colors\"\n >\n Cancel\n \n \n {isSaving ? 'Saving...' : 'Save'}\n \n

\n )}\n\n

\n {isLoading ? (\n

\n ) : artworks.length === 0 ? (\n

\n No saved artworks yet. Create something amazing!\n

\n ) : (\n artworks.map((artwork) => (\n \n

\n {artwork.thumbnail_data && (\n \n )}\n \n

\n {artwork.title}\n

\n {artwork.canvas_width}×{artwork.canvas_height} • {formatDate(artwork.updated_at)}\n

\n {artwork.description && (\n

\n {artwork.description}\n

\n )}\n

\n \n

\n handleLoad(artwork)}\n className=\"p-1 text-blue-600 hover:bg-blue-100 dark:hover:bg-blue-900 rounded\"\n title=\"Load\"\n >\n \n \n handleDelete(artwork.id)}\n className=\"p-1 text-red-600 hover:bg-red-100 dark:hover:bg-red-900 rounded\"\n title=\"Delete\"\n >\n \n \n

\n ))\n )}\n

\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/amadesclaire/pixelart/code/frontend/components/WorkspacePanel.tsx","extension","actionData","errors"]