\n \n {entry?.value || ''}\n \n\n {showPicker && (\n \n {/* Color options */}\n

\n {(['green', 'yellow', 'red'] as EntryColor[]).map((color) => (\n handleColorSelect(color)}\n className={`\n w-10 h-10 rounded-lg transition-all\n ${selectedColor === color ? 'ring-2 ring-white/50 scale-110' : 'hover:scale-105'}\n `}\n style={{ backgroundColor: ENTRY_COLORS[color].bg }}\n />\n ))}\n

\n \n {/* Optional value input */}\n setEditValue(e.target.value.slice(0, 20))}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && selectedColor) {\n handleValueSubmit();\n }\n }}\n placeholder=\"Value (optional)\"\n className=\"w-full px-3 py-2 rounded-lg bg-white/10 text-white text-sm placeholder-gray-500 outline-none focus:ring-1 focus:ring-white/30 mb-2\"\n maxLength={20}\n />\n \n {/* Actions */}\n

\n {entry && (\n \n Clear\n \n )}\n setShowPicker(false)}\n className=\"flex-1 px-3 py-1.5 rounded-lg bg-white/10 text-gray-300 text-sm hover:bg-white/20 transition-all\"\n >\n Cancel\n \n

\n )}\n \n );\n}\n\n","deleted","label",[174,175,157],"frontend","components","permalink","https://www.val.town/x/shapedlines/mosaic/code/frontend/components/EntryCell.tsx","extension","actionData","errors"]