Phase 16D.3 - Final Character Discovery Polish

PlotLine/Services/WordCompanionService.cs

@@ -51,7 +51,7 @@ public sealed class WordCompanionService(
         "Don", "Won", "Could", "Would", "Should", "Do", "Does", "Had", "Has", "Was", "Were", "Is", "Am",
         "Right", "Really", "Now", "Look", "Listen", "Sorry", "Thanks", "Fine", "Great", "Sure", "Course",
         "Thing", "Things", "Everyone", "Everything", "Anything", "Someone", "Nobody", "People",
-        "Still", "Err", "Er", "Erm", "Alright", "Allright", "Alrite"
+        "Still", "Err", "Er", "Erm", "Alright", "Allright", "Alrite", "New", "Somewhere", "Coke"
     };
     private static readonly HashSet<string> CharacterDiscoveryTemporalWords = new(StringComparer.OrdinalIgnoreCase)
     {

PlotLine/wwwroot/css/word-companion.css

@@ -408,39 +408,59 @@ body {
 
 .word-companion-character-candidates {
   display: grid;
-  gap: 5px;
-  max-height: 190px;
+  align-content: start;
+  gap: 7px;
+  grid-auto-rows: max-content;
+  max-height: min(260px, 42vh);
   overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 2px;
 }
 
-.word-companion-character-candidate {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  align-items: center;
-  gap: 7px;
-  min-height: 31px;
+.word-companion-section .word-companion-character-candidate {
+  display: flex;
+  align-items: flex-start;
+  gap: 9px;
+  min-height: 42px;
   border: 1px solid rgba(111, 75, 45, 0.18);
   border-radius: 6px;
-  padding: 5px 7px;
+  padding: 7px 8px;
   background: #fffdf8;
 }
 
 .word-companion-character-candidate input {
+  flex: 0 0 auto;
   width: 16px;
   height: 16px;
-  margin: 0;
+  margin: 2px 0 0;
   accent-color: var(--companion-accent);
 }
 
-.word-companion-character-candidate strong {
-  font-size: 0.9rem;
+.word-companion-section .word-companion-character-candidate-text {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+  color: var(--companion-ink);
+  font-size: inherit;
+  font-weight: inherit;
+  overflow-wrap: anywhere;
+  text-transform: none;
 }
 
-.word-companion-character-candidate em {
+.word-companion-section .word-companion-character-candidate strong {
+  color: var(--companion-ink);
+  font-size: 0.92rem;
+  line-height: 1.2;
+  text-transform: none;
+}
+
+.word-companion-section .word-companion-character-candidate em {
   color: var(--companion-muted);
-  font-size: 0.78rem;
+  font-size: 0.76rem;
   font-style: normal;
-  font-weight: 800;
+  font-weight: 700;
+  line-height: 1.25;
+  text-transform: none;
 }
 
 .word-companion-connection .word-companion-message {

PlotLine/wwwroot/js/word-companion-host.js

@@ -1102,7 +1102,7 @@
             const checkbox = document.createElement("input");
             checkbox.type = "checkbox";
             checkbox.value = candidate.text || "";
-            checkbox.checked = String(candidate.confidence || "").toLowerCase() === "high";
+            checkbox.checked = String(candidate.confidence || "").trim().toLowerCase() === "high";
             checkbox.addEventListener("change", updateFirstRunButtons);
 
             const name = document.createElement("strong");
@@ -1111,10 +1111,14 @@
             const mentions = document.createElement("em");
             const reason = String(candidate.reason || "").trim();
             mentions.textContent = reason
-                ? `${Number(candidate.mentionCount || 0).toLocaleString()} mentions, ${reason.toLowerCase()}`
+                ? `${Number(candidate.mentionCount || 0).toLocaleString()} mentions · ${reason}`
                 : `${Number(candidate.mentionCount || 0).toLocaleString()} mentions`;
 
-            label.append(checkbox, name, mentions);
+            const text = document.createElement("span");
+            text.className = "word-companion-character-candidate-text";
+            text.append(name, mentions);
+
+            label.append(checkbox, text);
             firstRunCharacterCandidates.append(label);
         }