fix: schedule button, compression visibility, activity log, insights overflow, bookmarks UI

Schedule message: modal now always opens (even with empty composer);
includes its own message textarea pre-filled from editor content;
removed null-content early-return guard from handleScheduleClick;
fixed error text to use color.Critical.Main not CSS var

Image compression: removed 200KB size threshold — checkbox now shows
for all JPEG/PNG uploads (not just large ones); 'no significant saving'
message handles already-small files gracefully

Activity log: auto-paginate on mount — state events are absent from
initial sync window, so the log was always empty until Load More was
clicked manually

Insights summary: Text size H4→H5 with toLocaleString() formatting and
overflow:ellipsis so large numbers don't push tiles off screen

Bookmarks panel: replaced var(--bg-*) CSS vars (undefined in folds
themes) with color.Surface/SurfaceVariant/Primary folds tokens; added
left accent border on message preview block, count badge, clear button
in search, improved empty state, cleaner button hierarchy

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/features/room-settings/RoomActivityLog.tsx

@@ -316,6 +316,13 @@ export function RoomActivityLog({ requestClose }: RoomActivityLogProps) {
     setEvents(getStateEvents());
   }, [getStateEvents]);
 
+  // Auto-paginate on mount — state events are rarely in the initial sync
+  // window, so we immediately fetch backwards to populate the log.
+  useEffect(() => {
+    handleLoadMore();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   const handleLoadMore = useCallback(async () => {
     if (loading || !canLoadMore) return;
     setLoading(true);

src/app/features/room-settings/RoomInsights.tsx

@@ -208,8 +208,17 @@ export function RoomInsights({ requestClose }: RoomInsightsProps) {
                       background: color.Surface.Container,
                     }}
                   >
-                    <Text size="H4" style={{ fontWeight: 700 }}>
-                      {stats.totalMessages}
+                    <Text
+                      size="H5"
+                      style={{
+                        fontWeight: 700,
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        maxWidth: '100%',
+                      }}
+                    >
+                      {stats.totalMessages.toLocaleString()}
                     </Text>
                     <Text size="T200" priority="300" align="Center">
                       Messages
@@ -228,8 +237,17 @@ export function RoomInsights({ requestClose }: RoomInsightsProps) {
                       background: color.Surface.Container,
                     }}
                   >
-                    <Text size="H4" style={{ fontWeight: 700 }}>
-                      {stats.uniqueParticipants}
+                    <Text
+                      size="H5"
+                      style={{
+                        fontWeight: 700,
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        maxWidth: '100%',
+                      }}
+                    >
+                      {stats.uniqueParticipants.toLocaleString()}
                     </Text>
                     <Text size="T200" priority="300" align="Center">
                       Participants
@@ -248,8 +266,17 @@ export function RoomInsights({ requestClose }: RoomInsightsProps) {
                       background: color.Surface.Container,
                     }}
                   >
-                    <Text size="H4" style={{ fontWeight: 700 }}>
-                      {stats.totalCached}
+                    <Text
+                      size="H5"
+                      style={{
+                        fontWeight: 700,
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        maxWidth: '100%',
+                      }}
+                    >
+                      {stats.totalCached.toLocaleString()}
                     </Text>
                     <Text size="T200" priority="300" align="Center">
                       Cached events