+ {isEditing ? (
+ // Truly wide, centered, in-place edit box replacing the bubble
+
+
+ {/* Error message */}
+ {error && (
+
+ {error}
+
+ )}
+
+
+
-
- {/* Render images if any */}
- {imagePaths.length > 0 && (
-
- {imagePaths.map((imagePath, index) => (
-
- ))}
+ ) : (
+ // Normal message display (bubble hugs content)
+
+ )}
-
-
- {timestamp}
-
-
-
-
+ {/* Loading indicator for AI re-response */}
+ {isLoadingResponse && (
+
+ Generating new response...
-
+ )}
- {/* TODO(alexhancock): Re-enable link previews once styled well again */}
- {false && urls.length > 0 && (
-
- {urls.map((url, index) => (
-
+ {/* Edited indicator */}
+ {hasBeenEdited && !isEditing && !isLoadingResponse && (
+
+ Edited
+
+ )}
+
+ {/* Render images if any */}
+ {imagePaths.length > 0 && (
+
+ {imagePaths.map((imagePath, index) => (
+
))}
)}
+
+
+
+ {timestamp}
+
+
+
+
+
+
+
+ {/* TODO(alexhancock): Re-enable link previews once styled well again */}
+ {false && urls.length > 0 && (
+
+ {urls.map((url, index) => (
+
+ ))}
+
+ )}