e.stopPropagation()}\n >\n {/* Header */}\n

\n {isLinearTask ? (\n \n \n Linear Task\n \n ) : (\n \n \n Calendar Event\n \n )}\n

\n \n

\n {event.title}\n

\n \n \n \n \n

\n \n {/* Content */}\n

\n {/* Time Information */}\n

\n \n

\n {formatTime(event.start)} - {formatTime(event.end)}\n

\n {formatDate(event.start)} • {getDuration()}\n

\n \n {/* Description */}\n

\n Description\n

\n {event.description ? (\n

\n {renderDescription(event.description)}\n

\n ) : (\n

No description

\n )}\n

\n \n {/* Sync Status */}\n {event.googleEventId && !isGoogleOnly && (\n

\n \n Synced to Google Calendar\n

\n )}\n \n {isGoogleOnly && (\n

\n \n From Google Calendar (read-only)\n

\n )}\n

\n \n {/* Footer */}\n

\n {/* Delete button - only show for Linear tasks (not Google-only events) */}\n {isLinearTask && !isGoogleOnly && (\n \n \n Remove from Calendar\n \n )}\n

\n \n \n Close\n \n

\n );\n}\n\nfunction renderDescription(text: string): React.ReactNode {\n const lines = text.split('\\n');\n \n return lines.map((line, i) => {\n // Headers\n if (line.startsWith('### ')) {\n return

{line.slice(4)}

;\n }\n if (line.startsWith('## ')) {\n return

{line.slice(3)}

;\n }\n if (line.startsWith('# ')) {\n return

{line.slice(2)}

;\n }\n \n // Bullet lists\n if (line.startsWith('- ') || line.startsWith('* ')) {\n return (\n

\n •\n {line.slice(2)}\n

\n );\n }\n \n // Checkboxes\n if (line.startsWith('- [ ] ')) {\n return (\n

\n ☐\n {line.slice(6)}\n

\n );\n }\n if (line.startsWith('- [x] ') || line.startsWith('- [X] ')) {\n return (\n

\n ☑\n {line.slice(6)}\n

\n );\n }\n \n // Empty lines\n if (line.trim() === '') {\n return

;\n }\n \n // Regular text\n return

{line}

;\n });\n}\n\n","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/shapedlines/general-asks/code/frontend/components/EventDetailModal.tsx","extension","actionData","errors"]