fix(quick-260622-let): coerce EditorSelect value binding to string for strict tsc

- [Rule 1 - Bug] strict bundled-leaf tsc rejected :value="$props.value"
  (typed unknown) against the native <select> value type on React+Solid
  (TS2322). The .rozie-native fix is a plain selectValue() function returning
  a String — uniform x6, not a $computed (which can't be aliased).
- regenerated only the 6 EditorSelect leaves; DataTable/Column/other editors
  byte-identical; compile-check still 30/30 clean, r.css empty
- found during Task 3 typecheck gate

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011JE6gykywo57CcqUJZTsB9

Author: serpentblade

packages/ui/data-table/packages/angular/src/EditorSelect.ts

@@ -25,7 +25,7 @@ function __rozieAttr(v: unknown): string | null {
   standalone: true,
   template: `
 
-    <select class="rdt-cell-editor" data-editing-cell="" [attr.aria-label]="columnId()" [value]="value()" (change)="onChange($event)" (keydown)="onKeydown($event)">
+    <select class="rdt-cell-editor" data-editing-cell="" [attr.aria-label]="columnId()" [value]="selectValue()" (change)="onChange($event)" (keydown)="onKeydown($event)">
       @for (opt of options(); track opt.value) {
     <option [attr.value]="rozieAttr(opt.value)">{{ rozieDisplay(opt.label) }}</option>
     }
@@ -42,6 +42,7 @@ export class EditorSelect {
   cancel = input<((...args: unknown[]) => unknown) | null>(null);
   options = input<any[]>((() => [])());
 
+  selectValue = () => this.value() != null ? String(this.value()) : '';
   onChange = (e: any) => {
     const __commit = this.commit();
     __commit && __commit(e && e.target ? e.target.value : '');

packages/ui/data-table/packages/lit/src/EditorSelect.ts

@@ -31,12 +31,14 @@ export default class EditorSelect extends SignalWatcher(LitElement) {
 
   render() {
     return html`
-<select class="rdt-cell-editor" data-editing-cell="" aria-label=${this.columnId} .value=${this.value} @change=${($event: Event) => { this.onChange($event); }} @keydown=${($event: Event) => { this.onKeydown($event); }} data-rozie-s-117f1a16>
+<select class="rdt-cell-editor" data-editing-cell="" aria-label=${this.columnId} .value=${this.selectValue()} @change=${($event: Event) => { this.onChange($event); }} @keydown=${($event: Event) => { this.onKeydown($event); }} data-rozie-s-117f1a16>
   ${repeat<any>(this.options, (opt, _idx) => opt.value, (opt, _idx) => html`<option key=${rozieAttr(opt.value)} value=${rozieAttr(opt.value)} data-rozie-s-117f1a16>${rozieDisplay(opt.label)}</option>`)}
 </select>
 `;
   }
 
+  selectValue = () => this.value != null ? String(this.value) : '';
+
   onChange = (e: any) => {
   this.commit && this.commit(e && e.target ? e.target.value : '');
 };

packages/ui/data-table/packages/react/src/EditorSelect.tsx

@@ -24,6 +24,9 @@ export default function EditorSelect(_props: EditorSelectProps): JSX.Element {
     options: _props.options ?? __defaultOptions,
   };
 
+  function selectValue() {
+    return props.value != null ? String(props.value) : '';
+  }
   const { commit: _rozieProp_commit } = props;
     const onChange = useCallback((e: any) => {
     _rozieProp_commit && _rozieProp_commit(e && e.target ? e.target.value : '');
@@ -38,7 +41,7 @@ export default function EditorSelect(_props: EditorSelectProps): JSX.Element {
 
   return (
     <>
-    <select className={"rdt-cell-editor"} data-editing-cell="" aria-label={props.columnId} value={props.value} onChange={($event) => { onChange($event); }} onKeyDown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16="">
+    <select className={"rdt-cell-editor"} data-editing-cell="" aria-label={props.columnId} value={selectValue()} onChange={($event) => { onChange($event); }} onKeyDown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16="">
       {props.options.map((opt) => <option key={opt.value} value={rozieAttr(opt.value)} data-rozie-s-117f1a16="">{rozieDisplay(opt.label)}</option>)}
     </select>
     </>

packages/ui/data-table/packages/solid/src/EditorSelect.tsx

@@ -16,6 +16,15 @@ export default function EditorSelect(_props: EditorSelectProps): JSX.Element {
   const _merged = mergeProps({ columnId: '', column: null, row: null, value: null, commit: null, cancel: null, options: (() => [])() }, _props);
   const [local, attrs] = splitProps(_merged, ['columnId', 'column', 'row', 'value', 'commit', 'cancel', 'options']);
 
+  // The <select> value binding coerced to a string. $props.value is typed `unknown`
+  // (opaque slot-scope), which the strict bundled-leaf tsc rejects against the
+  // native select `value` type (string | number | string[]) on React/Solid — the
+  // .rozie-native fix is a plain function returning a string (uniform ×6, NOT a
+  // $computed which can't be aliased; the listbox value-vs-accessor lesson).
+  function selectValue() {
+    return local.value != null ? String(local.value) : '';
+  }
+
   // Immediate-commit-on-change: read the selected value the global-filter way and
   // commit it directly (no draft needed for a single-gesture select).
   function onChange(e: any) {
@@ -30,7 +39,7 @@ export default function EditorSelect(_props: EditorSelectProps): JSX.Element {
 
   return (
     <>
-    <select data-editing-cell="" aria-label={local.columnId} class={"rdt-cell-editor"} value={local.value} onChange={($event) => { onChange($event); }} onKeyDown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16="">
+    <select data-editing-cell="" aria-label={local.columnId} class={"rdt-cell-editor"} value={selectValue()} onChange={($event) => { onChange($event); }} onKeyDown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16="">
       <For each={local.options}>{(opt) => <option value={rozieAttr(opt.value)} data-rozie-s-117f1a16="">{rozieDisplay(opt.label)}</option>}</For>
     </select>
     </>

packages/ui/data-table/packages/svelte/src/EditorSelect.svelte

@@ -23,6 +23,15 @@ let {
   options = __defaultOptions
 }: Props = $props();
 
+// The <select> value binding coerced to a string. $props.value is typed `unknown`
+// (opaque slot-scope), which the strict bundled-leaf tsc rejects against the
+// native select `value` type (string | number | string[]) on React/Solid — the
+// .rozie-native fix is a plain function returning a string (uniform ×6, NOT a
+// $computed which can't be aliased; the listbox value-vs-accessor lesson).
+const selectValue = () => value != null ? String(value) : '';
+
+// Immediate-commit-on-change: read the selected value the global-filter way and
+// commit it directly (no draft needed for a single-gesture select).
 // Immediate-commit-on-change: read the selected value the global-filter way and
 // commit it directly (no draft needed for a single-gesture select).
 const onChange = (e: any) => {
@@ -36,4 +45,4 @@ const onKeydown = (e: any) => {
 };
 </script>
 
-<select class="rdt-cell-editor" data-editing-cell="" aria-label={columnId} value={rozieAttr(value)} onchange={($event) => { onChange($event); }} onkeydown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16>{#each options as opt (opt.value)}<option value={rozieAttr(opt.value)} data-rozie-s-117f1a16>{rozieDisplay(opt.label)}</option>{/each}</select>
+<select class="rdt-cell-editor" data-editing-cell="" aria-label={columnId} value={rozieAttr(selectValue())} onchange={($event) => { onChange($event); }} onkeydown={($event) => { onKeydown($event); }} data-rozie-s-117f1a16>{#each options as opt (opt.value)}<option value={rozieAttr(opt.value)} data-rozie-s-117f1a16>{rozieDisplay(opt.label)}</option>{/each}</select>

packages/ui/data-table/packages/vue/src/EditorSelect.vue

@@ -1,6 +1,6 @@
 <template>
 
-<select class="rdt-cell-editor" data-editing-cell="" :aria-label="props.columnId" :value="props.value" @change="onChange($event)" @keydown="onKeydown($event)">
+<select class="rdt-cell-editor" data-editing-cell="" :aria-label="props.columnId" :value="selectValue()" @change="onChange($event)" @keydown="onKeydown($event)">
   <option v-for="opt in props.options" :key="opt.value" :value="opt.value">{{ opt.label }}</option>
 </select>
 
@@ -12,6 +12,15 @@ const props = withDefaults(
   { columnId: '', column: null, row: null, value: null, commit: null, cancel: null, options: () => [] }
 );
 
+// The <select> value binding coerced to a string. $props.value is typed `unknown`
+// (opaque slot-scope), which the strict bundled-leaf tsc rejects against the
+// native select `value` type (string | number | string[]) on React/Solid — the
+// .rozie-native fix is a plain function returning a string (uniform ×6, NOT a
+// $computed which can't be aliased; the listbox value-vs-accessor lesson).
+const selectValue = () => props.value != null ? String(props.value) : '';
+
+// Immediate-commit-on-change: read the selected value the global-filter way and
+// commit it directly (no draft needed for a single-gesture select).
 // Immediate-commit-on-change: read the selected value the global-filter way and
 // commit it directly (no draft needed for a single-gesture select).
 const onChange = (e: any) => {

packages/ui/data-table/src/EditorSelect.rozie

@@ -28,6 +28,13 @@
 </props>
 
 <script lang="ts">
+// The <select> value binding coerced to a string. $props.value is typed `unknown`
+// (opaque slot-scope), which the strict bundled-leaf tsc rejects against the
+// native select `value` type (string | number | string[]) on React/Solid — the
+// .rozie-native fix is a plain function returning a string (uniform ×6, NOT a
+// $computed which can't be aliased; the listbox value-vs-accessor lesson).
+const selectValue = () => ($props.value != null ? String($props.value) : '')
+
 // Immediate-commit-on-change: read the selected value the global-filter way and
 // commit it directly (no draft needed for a single-gesture select).
 const onChange = (e) => {
@@ -47,7 +54,7 @@ const onKeydown = (e) => {
   class="rdt-cell-editor"
   data-editing-cell
   :aria-label="$props.columnId"
-  :value="$props.value"
+  :value="selectValue()"
   @change="onChange($event)"
   @keydown="onKeydown($event)"
 >