Lay out a scroll container's content when the content changes

A short list opened after a long one drew all its rows stacked on one
point. The fault was not in the list tab: rebuild() handed the row stack
to setContent() while it was still empty, so the content was sized to
max(rows, viewport) = the viewport. The rows arrived after that, and for
a short list the same formula yields the same height, so resize() saw no
change and skipped layout(). A long list changes the height and never
showed it.

relayoutContent() now runs whenever the content changed, rather than
leaning on resize()'s change detection - that detection is the wrong
instrument for "the children moved".

The list tab was the only affected caller: the panels use ListView,
which positions its rows itself, and the inspector fills its body
before setContent.

Also drops the comma line under the list. Every section that can carry a
list supplies openList, so the comma fallback in fieldFactory was
unreachable; listToText/listFromText go with it. The list-value test now
covers coerceListItem through coerceValue instead, so the boolean
spelling stays guarded.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/editor/list/ListEditor.ts

@@ -1,25 +1,10 @@
 /**
- * Edits one list, a row per item, with the same field widgets the inspector builds. A list row in
- * the inspector has one line for a value that can be hundreds long; the inspector stays visible
- * beside this tab, so what the list belongs to is still on screen while it is edited.
+ * Edits one list, a row per item, with the same field widgets the inspector builds -- a value that
+ * can be hundreds long has no room in an inspector row. The inspector stays visible beside this
+ * tab, so what the list belongs to is still on screen while it is edited.
  */
-import {
-  listFromText,
-  type ListItemKind,
-  listToText,
-  type PropertyDef,
-} from '../../core/properties/PropertySchema';
-import {
-  Button,
-  HStack,
-  Label,
-  ScrollContainer,
-  Spacer,
-  TextField,
-  Theme,
-  VStack,
-  type Widget,
-} from '../../ui';
+import type { ListItemKind, PropertyDef } from '../../core/properties/PropertySchema';
+import { Button, HStack, Label, ScrollContainer, Spacer, Theme, VStack, type Widget } from '../../ui';
 import { createField, type FieldContext } from '../inspector/fieldFactory';
 import type { EditorState } from '../state';
 import { type ListAccess, resolveList } from './slot';
@@ -34,7 +19,6 @@ export class ListEditor extends VStack {
   private readonly count = new Label('', { style: 'small', align: 'right' });
   private readonly scroll = new ScrollContainer();
   private readonly addButton: Button;
-  private readonly bulk: TextField;
   private rows = new VStack({ padding: Theme.padding, gap: Theme.gap });
   /** The structure the rows were built for; only a change here may destroy a row being typed in. */
   private signature = '';
@@ -54,16 +38,10 @@ export class ListEditor extends VStack {
     this.scroll.setContent(this.rows);
     this.add(this.scroll, 1);
 
-    // The comma text is what the inspector used to show. It stays, as the way to paste a whole
-    // list at once – per-item rows do not replace that.
     const footer = new HStack({ gap: Theme.gap, padding: Theme.padding, align: 'center' });
     this.addButton = new Button('+ Item', { variant: 'ghost', onClick: () => this.addItem() });
     footer.add(this.addButton);
-    this.bulk = new TextField('', {
-      placeholder: 'comma-separated',
-      onChange: (text) => this.setAll(text),
-    });
-    footer.add(this.bulk, 1);
+    footer.add(new Spacer(), 1);
     this.add(footer);
 
     state.on('list', () => this.rebuild());
@@ -109,7 +87,6 @@ export class ListEditor extends VStack {
     }
     if (!access) return;
     this.setters.forEach((set, i) => set(access.value[i] ?? ''));
-    this.bulk.setValue(listToText(access.value, access.def.items));
   }
 
   private rebuild(): void {
@@ -124,12 +101,10 @@ export class ListEditor extends VStack {
     this.title.setText(access ? access.title : 'No list open');
     this.count.setText(access ? `${access.value.length} items` : '');
     this.addButton.visible = access !== null;
-    this.bulk.visible = access !== null;
 
     if (!access) {
       this.rows.add(new Label('Open a list from its row in the inspector.', { style: 'muted' }));
     } else {
-      this.bulk.setValue(listToText(access.value, access.def.items));
       access.value.forEach((item, index) => this.rows.add(this.itemRow(access, item, index)));
       if (access.value.length === 0) this.rows.add(new Label('The list is empty.', { style: 'muted' }));
     }
@@ -162,11 +137,6 @@ export class ListEditor extends VStack {
     const access = this.access();
     if (access) access.replace([...access.value, itemDef(access.def.items, 0).default]);
   }
-
-  private setAll(text: string): void {
-    const access = this.access();
-    if (access) access.replace(listFromText(text, access.def.items));
-  }
 }
 
 /** One item as a property definition, so the inspector's own widget renders it. */