Statement Browser: line/threat intensity filters + sort by every parameter

Two new RRLS dropdowns — Line Intensity and Threat Intensity — with ordinal
sort order (Very Low → Very High) baked into a FilterDef.ordinal field.

Sort dropdown now dynamically includes every taxonomy filter (Theme,
Audience, Nature of Threat, Escalation, Line Type, Threat Type,
Line/Threat Intensity, Specificity, Immediacy for RRLS; Statement Type,
Threat Type, Capability, Tone, Consequences, Conditionality, Specificity
for NTS) on top of the built-in Date / Confidence / Speaker / Target
sorts. Intensity sorts respect the ordinal scale; other taxonomy sorts
are alphabetical.

Confidence is already the filter-bar slider; the dashboard schema has no
separate 'overall_intensity' field, so there's nothing additional to wire.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: sdspieg

src/components/Statements.tsx

@@ -11,15 +11,23 @@ type Mode = 'rrls' | 'nts';
 interface FilterDef {
   key: string;
   label: string;
+  // Optional ordinal sort order. If absent, values sort alphabetically.
+  ordinal?: string[];
 }
 
+// Ordinal ranking for intensity-style fields. Values outside this list fall to
+// the bottom when sorting ascending.
+const INTENSITY_ORDER = ['Very Low', 'Low', 'Medium', 'High', 'Very High'];
+
 const RRLS_FILTERS: FilterDef[] = [
   { key: 'theme', label: 'Theme' },
   { key: 'audience', label: 'Audience' },
   { key: 'nature_of_threat', label: 'Nature of Threat' },
   { key: 'level_of_escalation', label: 'Escalation' },
   { key: 'line_type', label: 'Line Type' },
   { key: 'threat_type', label: 'Threat Type' },
+  { key: 'line_intensity', label: 'Line Intensity', ordinal: INTENSITY_ORDER },
+  { key: 'threat_intensity', label: 'Threat Intensity', ordinal: INTENSITY_ORDER },
   { key: 'specificity', label: 'Specificity' },
   { key: 'immediacy', label: 'Immediacy' },
 ];
@@ -45,7 +53,13 @@ function highlightText(text: string, query: string): React.ReactNode {
   );
 }
 
-type SortKey = 'date-desc' | 'date-asc' | 'conf-desc' | 'conf-asc' | 'speaker' | 'target';
+// Hard-coded sort keys (date, confidence, speaker, target). Taxonomy dims
+// use the `dim:<key>` pattern so every FilterDef contributes a sort option.
+type SortKey =
+  | 'date-desc' | 'date-asc'
+  | 'conf-desc' | 'conf-asc'
+  | 'speaker' | 'target'
+  | `dim:${string}`;
 
 export default function Statements() {
   const [mode, setMode] = useState<Mode>('rrls');
@@ -159,14 +173,33 @@ export default function Statements() {
       return sa < sb ? -1 : sa > sb ? 1 : 0;
     };
     void at;
-    switch (sortBy) {
-      // byDate(dir): dir=1 means ascending (older→newer); dir=-1 means descending (newer→older)
-      case 'date-desc': sorted.sort(byDate(-1)); break;  // newest first
-      case 'date-asc':  sorted.sort(byDate(1));  break;  // oldest first
-      case 'conf-desc': sorted.sort(byConf(-1)); break;  // high → low
-      case 'conf-asc':  sorted.sort(byConf(1));  break;  // low → high
-      case 'speaker':   sorted.sort(byStr('speaker')); break;
-      case 'target':    sorted.sort(byStr('target'));  break;
+    if (sortBy.startsWith('dim:')) {
+      const dimKey = sortBy.slice(4);
+      const def = filterDefs.find(f => f.key === dimKey);
+      sorted.sort((a, b) => {
+        const va = String((a as unknown as Record<string, unknown>)[dimKey] ?? '');
+        const vb = String((b as unknown as Record<string, unknown>)[dimKey] ?? '');
+        if (def?.ordinal) {
+          // Ordinal ranking — values not in the list sink to the bottom.
+          let ia = def.ordinal.indexOf(va); if (ia === -1) ia = Infinity;
+          let ib = def.ordinal.indexOf(vb); if (ib === -1) ib = Infinity;
+          return ia - ib;
+        }
+        if (!va && !vb) return 0;
+        if (!va) return 1;
+        if (!vb) return -1;
+        return va < vb ? -1 : va > vb ? 1 : 0;
+      });
+    } else {
+      switch (sortBy) {
+        // byDate(dir): dir=1 ascending (older→newer); dir=-1 descending (newer→older)
+        case 'date-desc': sorted.sort(byDate(-1)); break;  // newest first
+        case 'date-asc':  sorted.sort(byDate(1));  break;  // oldest first
+        case 'conf-desc': sorted.sort(byConf(-1)); break;  // high → low
+        case 'conf-asc':  sorted.sort(byConf(1));  break;  // low → high
+        case 'speaker':   sorted.sort(byStr('speaker')); break;
+        case 'target':    sorted.sort(byStr('target'));  break;
+      }
     }
     return sorted;
   }, [data, sourceFilter, speakerFilter, targetFilter, search, dimFilters, minConfidence, sortBy]);
@@ -249,6 +282,12 @@ export default function Statements() {
             <option value="conf-asc">Confidence (low → high)</option>
             <option value="speaker">Speaker (A → Z)</option>
             <option value="target">Target (A → Z)</option>
+            <option disabled>──────────</option>
+            {filterDefs.map(f => (
+              <option key={f.key} value={`dim:${f.key}`}>
+                {f.label} ({f.ordinal ? 'low → high' : 'A → Z'})
+              </option>
+            ))}
           </select>
         </div>