+ {groupedPrompts.map(([category, categoryPrompts]) => (
+
+
+ {expandedCategories.has(category) &&
+ categoryPrompts.map((prompt) => (
+
+ ))}
+
+ ))}
+
+ {selectedPrompt ? (
+ <>
+ {/* Header */}
+
+
+ {selectedPrompt.id}
+
+
+ {selectedPrompt.description}
+
+ {selectedPrompt.isModified && (
+
+ Modified
+
+ )}
+
+
+ {/* Success / Error messages */}
+ {successMessage && (
+
+ {successMessage}
+
+ )}
+ {error && (
+
+ {error}
+
+ )}
+
+ {/* Textarea editor */}
+
+
+ {/* Action buttons */}
+
+
+
+
+ >
+ ) : (
+
+ Select a prompt to edit
+
+ )}
+