Improve mobile selectors and sheet inputs

Keep sheet text inputs native-owned to avoid React Native controlled input flicker during fast typing. Add reset keys for fields that need programmatic clears, and move model, mode, and thinking pickers onto shared combobox rows with fuzzy ranked search and native virtualization.

packages/app/src/utils/score-match.ts

@@ -1,6 +1,7 @@
 export interface MatchScore {
   tier: number;
   offset: number;
+  spread?: number;
 }
 
 function isWordBoundaryChar(ch: string | undefined): boolean {
@@ -8,19 +9,14 @@ function isWordBoundaryChar(ch: string | undefined): boolean {
   return !/[a-z0-9]/.test(ch);
 }
 
-export function scoreMatch(query: string, text: string): MatchScore | null {
-  if (!query) return { tier: 0, offset: 0 };
-  const q = query.toLowerCase();
-  const t = text.toLowerCase();
-  if (t === q) return { tier: 0, offset: 0 };
-
+function scoreSubstringMatch(query: string, text: string): MatchScore | null {
   let best: MatchScore | null = null;
   let pos = 0;
-  while (pos <= t.length - q.length) {
-    const found = t.indexOf(q, pos);
+  while (pos <= text.length - query.length) {
+    const found = text.indexOf(query, pos);
     if (found === -1) break;
-    const before = found > 0 ? t[found - 1] : undefined;
-    const after = t[found + q.length];
+    const before = found > 0 ? text[found - 1] : undefined;
+    const after = text[found + query.length];
     const startsAtBoundary = found === 0 || isWordBoundaryChar(before);
     const endsAtBoundary = after === undefined || isWordBoundaryChar(after);
     let tier: number;
@@ -41,7 +37,57 @@ export function scoreMatch(query: string, text: string): MatchScore | null {
   return best;
 }
 
+function scoreSubsequenceMatch(query: string, text: string): MatchScore | null {
+  let queryIndex = 0;
+  let firstIndex = -1;
+  let lastIndex = -1;
+  for (let textIndex = 0; textIndex < text.length && queryIndex < query.length; textIndex += 1) {
+    if (text[textIndex] !== query[queryIndex]) continue;
+    if (firstIndex === -1) firstIndex = textIndex;
+    lastIndex = textIndex;
+    queryIndex += 1;
+  }
+
+  if (queryIndex !== query.length || firstIndex === -1) return null;
+  return { tier: 5, offset: firstIndex, spread: lastIndex - firstIndex + 1 };
+}
+
+export function scoreMatch(query: string, text: string): MatchScore | null {
+  if (!query) return { tier: 0, offset: 0 };
+  const q = query.toLowerCase();
+  const t = text.toLowerCase();
+  if (t === q) return { tier: 0, offset: 0 };
+
+  return scoreSubstringMatch(q, t) ?? scoreSubsequenceMatch(q, t);
+}
+
 export function compareMatchScores(a: MatchScore, b: MatchScore): number {
   if (a.tier !== b.tier) return a.tier - b.tier;
-  return a.offset - b.offset;
+  if (a.offset !== b.offset) return a.offset - b.offset;
+  return (a.spread ?? 0) - (b.spread ?? 0);
+}
+
+export function scoreTextFields(query: string, fields: string[]): MatchScore | null {
+  const tokens = query
+    .trim()
+    .toLowerCase()
+    .split(/\s+/)
+    .filter((token) => token.length > 0);
+  if (tokens.length === 0) return { tier: 0, offset: 0, spread: 0 };
+
+  const aggregate: MatchScore = { tier: 0, offset: 0, spread: 0 };
+  for (const token of tokens) {
+    let best: MatchScore | null = null;
+    for (const field of fields) {
+      const score = scoreMatch(token, field);
+      if (score && (!best || compareMatchScores(score, best) < 0)) {
+        best = score;
+      }
+    }
+    if (!best) return null;
+    aggregate.tier += best.tier;
+    aggregate.offset += best.offset;
+    aggregate.spread = (aggregate.spread ?? 0) + (best.spread ?? token.length);
+  }
+  return aggregate;
 }