Second round of thread index redesign

The view should be done-ish, missing a few lazy loading popups

The seed script is also updated to create a sample database with all
kind of interesting test data included.

Author: dutow

app/assets/stylesheets/colors.css

@@ -45,9 +45,16 @@
   --color-bg-button-hover: var(--color-secondary2-1);
 
   --color-border-contributor: var(--color-secondary2-2);
+  --color-border-new: var(--color-secondary1-1);
+  --color-border-aware: var(--color-secondary1-2);
+  --color-border-reading: var(--color-secondary1-3);
+  --color-border-read: var(--color-secondary1-4);
 
   --color-bg-icon: var(--color-secondary1-2);
+  --color-bg-icon-status: var(--color-secondary2-2);
   --color-bg-hoverbox: var(--color-secondary2-1);
   --color-bg-contributor: var(--color-secondary1-2);
   --color-bg-committer: var(--color-secondary1-1);
+  --color-bg-activity-team: var(--color-secondary2-2);
+  --color-bg-activity-user: var(--color-secondary2-1);
 }

app/assets/stylesheets/components/topics.css

@@ -55,14 +55,42 @@
     color: var(--color-text-secondary);
   }
 
+  & th.activity-header {
+    text-align: center;
+  }
+
+  & th.participants-header {
+    text-align: right;
+  }
+
+  & th.topic-title {
+    border-left: var(--color-bg-table-header) 8px solid;
+  }
+
   & td {
-    padding: var(--spacing-4);
+    padding: var(--spacing-2);
     border-bottom: 1px #000 solid;
     vertical-align: top;
   }
 
+  & .topic-replies {
+    width: 100px;
+  }
+  & .topic-activity {
+    width: 140px;
+  }
   & .topic-participants {
-    width: 340px;
+    width: 250px;
+    text-align: right;
+
+    .topic-icon {
+      margin: 0 4px;
+      vertical-align: top;
+    }
+
+    .participants {
+      display: inline-block;
+    }
   }
 }
 
@@ -71,7 +99,7 @@
   background: var(--color-bg-icon);
   border-radius: var(--border-radius-sm);
   padding: 3px;
-  margin: 5px 0px;
+  margin: 0px;
   margin-right: 10px;
   position: relative;
 }
@@ -95,6 +123,26 @@
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
 }
 
+.status-border {
+  border-left: 8px solid transparent;
+}
+
+.status-border.status-new {
+  border-left-color: var(--color-border-new);
+}
+
+.status-border.status-aware {
+  border-left-color: var(--color-border-aware);
+}
+
+.status-border.status-reading {
+  border-left-color: var(--color-border-reading);
+}
+
+.status-border.status-read {
+  border-left-color: var(--color-border-read);
+}
+
 .activity-core_team {
   background-color: var(--color-bg-committer);
 }
@@ -103,12 +151,42 @@
   background-color: var(--color-bg-committer);
 }
 
+.activity-note {
+  background-color: var(--color-bg-activity-team);
+  .topic-icon-badge {
+    background-color: var(--color-bg-activity-team);
+  }
+}
+
+.activity-team {
+  background-color: var(--color-bg-activity-team);
+  
+  .topic-icon-badge {
+    background-color: var(--color-bg-activity-team);
+  }
+}
+
+.activity-team.is-mine {
+  background-color: var(--color-bg-activity-user);
+}
+
+.activity-team-read {
+  background-color: var(--color-bg-activity-team);
+  .topic-icon-badge {
+    background-color: var(--color-bg-activity-team);
+  }
+}
+
 .topic-row {
   &:hover {
     background: var(--color-bg-hover);
   }
 }
 
+.topic-row.topic-read {
+	color: #444;
+}
+
 .topic-icon-hover {
   display: none;
   position: absolute;
@@ -122,6 +200,11 @@
   min-width: 260px;
 }
 
+.topic-participants .topic-icon-hover {
+  left: auto;
+  right: 0;
+}
+
 .topic-icon.is-open .topic-icon-hover {
   display: block;
 }
@@ -156,17 +239,21 @@
 .activity-info {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-1);
+  gap: 0;
+  text-align: center;
+  font-size: var(--font-size-sm);
 }
 
 .activity-replies {
   font-weight: var(--font-weight-semibold);
   color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
 }
 
 .activity-time {
   font-weight: var(--font-weight-medium);
   color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
 }
 
 .activity-author {

app/controllers/topics_controller.rb

@@ -12,6 +12,7 @@ def index
     preload_topic_states if user_signed_in?
     preload_note_counts if user_signed_in?
     load_visible_tags if user_signed_in?
+    preload_participation_flags if user_signed_in?
 
     respond_to do |format|
       format.html
@@ -98,6 +99,8 @@ def search
 
     apply_cursor_pagination(base_query)
 
+    preload_participation_flags if user_signed_in?
+
     respond_to do |format|
       format.html
       format.turbo_stream { render :index }
@@ -257,22 +260,25 @@ def preload_topic_states
     last_times = Message.where(topic_id: topic_ids).group(:topic_id).maximum(:created_at)
     total_counts = Message.where(topic_id: topic_ids).group(:topic_id).count
 
-    aware_map = ThreadAwareness.where(user: current_user, topic_id: topic_ids)
-                               .pluck(:topic_id, :aware_until_message_id)
-                               .to_h
-    read_rows = MessageReadRange.where(user: current_user, topic_id: topic_ids)
-                                .pluck(:topic_id, :range_start_message_id, :range_end_message_id)
-    read_ranges = read_rows.each_with_object(Hash.new { |h, k| h[k] = [] }) do |(tid, s, e), acc|
-      acc[tid] << [s, e]
-    end
-    global_aware_before = current_user.aware_before
+    if user_signed_in?
+      aware_map = ThreadAwareness.where(user: current_user, topic_id: topic_ids)
+                                 .pluck(:topic_id, :aware_until_message_id)
+                                 .to_h
+      read_rows = MessageReadRange.where(user: current_user, topic_id: topic_ids)
+                                  .pluck(:topic_id, :range_start_message_id, :range_end_message_id)
+      read_ranges = read_rows.each_with_object(Hash.new { |h, k| h[k] = [] }) do |(tid, s, e), acc|
+        acc[tid] << [s, e]
+      end
+      global_aware_before = current_user.aware_before
 
-    team_readers = preload_team_reader_states(topic_ids, last_ids)
+      team_readers = preload_team_reader_states(topic_ids, last_ids)
+    end
 
     @topic_states = {}
     @topics.each do |topic|
       last_id = last_ids[topic.id]
       last_time = last_times[topic.id]
+    if user_signed_in?
       aware_until = aware_map[topic.id]
       total = total_counts[topic.id].to_i
       ranges = read_ranges[topic.id] || []
@@ -282,6 +288,9 @@ def preload_topic_states
       end
       status = compute_topic_status(total:, last_time:, aware_until:, read_count:, global_aware_before:)
       progress = compute_progress(total:, read_count:)
+    else
+      status = :new
+    end
       @topic_states[topic.id] = { status:, aware_until:, read_count:, last_id:, last_time:, progress:, team_readers: team_readers[topic.id] || [] }
     end
   end
@@ -306,7 +315,44 @@ def load_visible_tags
                                   .count
   end
 
-  # Legacy helpers for backward compatibility (not used after refactor)
+  def preload_participation_flags
+    topic_ids = @topics.map(&:id)
+    return if topic_ids.empty?
+
+    my_alias_ids = Alias.where(user_id: current_user.id).pluck(:id)
+
+    team_ids = TeamMember.where(user_id: current_user.id).pluck(:team_id)
+    teammate_user_ids = if team_ids.any?
+                          TeamMember.where(team_id: team_ids).pluck(:user_id).uniq
+                        else
+                          [current_user.id]
+                        end
+    teammate_alias_ids = Alias.where(user_id: teammate_user_ids).pluck(:id)
+
+    rows = Message.where(topic_id: topic_ids, sender_id: teammate_alias_ids)
+                  .select(:topic_id, :sender_id)
+                  .distinct
+
+    alias_map = Alias.includes(:contributors).where(id: teammate_alias_ids).index_by(&:id)
+
+    @participation_flags = Hash.new { |h, k| h[k] = { mine: false, team: false, aliases: [] } }
+
+    rows.each do |row|
+      entry = @participation_flags[row.topic_id]
+      alias_record = alias_map[row.sender_id]
+      next unless alias_record
+
+      entry[:aliases] << alias_record
+      entry[:mine] ||= my_alias_ids.include?(row.sender_id)
+      entry[:team] = true
+    end
+
+    @participation_flags.transform_values! do |v|
+      v[:aliases] = v[:aliases].uniq { |a| a.id }
+      v
+    end
+  end
+
   def compute_topic_status(total:, last_time:, aware_until:, read_count:, global_aware_before:)
     return :new unless aware_until || read_count.positive? || global_aware_before
     return :read if total.positive? && read_count >= total