Consolidate duplicated editor code, trim comments, refresh README

Split GraphCanvas (1076 -> 831 lines) into EdgeLayer and graphMenus;
the port and marker menus were the same list and are now one function.
Value specs of the inspector and the list tab share valueSpecs.ts, and
the remaining copies (compound commands, type glyphs, typed asset
lookup, name rule, play/editor world setup, marquee) are merged.

Four copies had already drifted apart; merging them fixes:
- "Disconnect N links" in the port menu is one undo step, not N
- "+ Add collider" is hidden on a placed container instance, as in
  the hierarchy menu, instead of always failing
- a bool property coerced from the text "false" becomes false
- a port command on an unknown node type reports instead of crashing

Comment-only edits leave the bundle byte-identical. README corrected in
35 places (step limit, jump-run clock, suite duration, 409 body, ...).

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

src/editor/inspector/variableRows.ts

@@ -1,3 +1,4 @@
+import type { DeclaredPortKind } from '../../core/graph';
 import type { PropertyValue } from '../../core/model/Properties';
 import {
   FIELD_KINDS,
@@ -8,10 +9,12 @@ import {
   type StructDef,
   type StructFieldDef,
   type StructFieldKind,
+  type VariableKind,
 } from '../../core/properties/PropertySchema';
 import { Button, Dropdown, HStack, Label, Menu, Spacer, TextField, Theme, type Widget } from '../../ui';
 import type { ListDef } from '../list/slot';
 import {
+  addValue,
   attachRowActions,
   createField,
   FIELD_INDENT,
@@ -20,26 +23,34 @@ import {
   type FieldRow,
   MARK_WIDTH,
   NAME_WIDTH,
+  READ_ONLY,
+  removeButton,
   type RowActions,
   structFieldValue,
 } from './fieldFactory';
 import { addNote, type InspectorHost } from './host';
 
-// Keyed by the wide `PropertyDef['kind']` because variables are `PropertyDef`s, but only the
-// VariableKinds ever reach it – the '?' fallback is a safety net, not a case to fill in.
-const VARIABLE_KIND_MARKS: Partial<Record<PropertyDef['kind'], string>> = {
-  number: '#',
-  boolean: '✓',
-  text: 'Aa',
-  struct: '⊞',
-};
+type ShownKind = VariableKind | ListItemKind | StructFieldKind | DeclaredPortKind;
 
-const LIST_ITEM_MARKS: Record<ListItemKind, string> = {
+/** One glyph and one name per kind, wherever a kind is shown: variables, list items, fields, ports. */
+const KIND_MARKS: Record<ShownKind, string> = {
   number: '#',
   boolean: '✓',
   text: 'Aa',
   color: '◧',
+  list: '≡',
   struct: '⊞',
+  object: '◇',
+};
+
+export const KIND_LABELS: Record<ShownKind, string> = {
+  number: 'Number',
+  boolean: 'Boolean',
+  text: 'Text',
+  color: 'Color',
+  list: 'List',
+  struct: 'Struct',
+  object: 'Object',
 };
 
 const LIST_ITEM_LABELS: Record<ListItemKind, string> = {
@@ -50,21 +61,10 @@ const LIST_ITEM_LABELS: Record<ListItemKind, string> = {
   struct: 'Structs',
 };
 
-const FIELD_KIND_MARKS: Record<StructFieldKind, string> = {
-  number: '#',
-  boolean: '✓',
-  text: 'Aa',
-  color: '◧',
-  list: '≡',
-};
-
-const FIELD_KIND_LABELS: Record<StructFieldKind, string> = {
-  number: 'Number',
-  boolean: 'Boolean',
-  text: 'Text',
-  color: 'Color',
-  list: 'List',
-};
+/** Variables are `PropertyDef`s, so the kind is typed wide; only the shown kinds ever reach it. */
+export function kindMark(kind: string): string {
+  return (KIND_MARKS as Partial<Record<string, string>>)[kind] ?? '?';
+}
 
 /** Changing a declaration – offered only on the asset that declares it. */
 export interface VariableEditing {
@@ -82,8 +82,6 @@ export interface VariableOptions {
   actions?: RowActions;
 }
 
-const READ_ONLY: FieldHandlers = { onInput: () => {}, onChange: () => {} };
-
 /**
  * One variable, drawn the same on its asset and on a placed object – minus `edit` there, since the
  * shape belongs to the asset. Adds its rows to the body itself and returns the first.
@@ -169,7 +167,7 @@ function itemShapeRows(host: InspectorHost, def: ListDef, edit: VariableEditing)
 
 function fieldRow(field: StructFieldDef, edit: VariableEditing | undefined): HStack {
   const name = nameCell(field.key, 1, edit && ((next) => edit.renameField(field, next)));
-  return gridRow(1, markLabel(FIELD_KIND_MARKS[field.kind]), name);
+  return gridRow(1, markLabel(KIND_MARKS[field.kind]), name);
 }
 
 /** Indent, mark and name – sized so that whatever follows starts on the value column at any depth. */
@@ -194,22 +192,13 @@ function nameCell(text: string, depth: number, rename: ((next: string) => void)
     : new Label(text, { style: 'muted', width, padding: Theme.fieldPadding });
 }
 
-function addValue(
-  row: HStack,
-  field: { widget: Widget; grow: boolean; setValue: (v: PropertyValue) => void },
-): (v: PropertyValue) => void {
-  row.add(field.widget, field.grow ? 1 : 0);
-  if (!field.grow) row.add(new Spacer(), 1);
-  return field.setValue;
-}
-
 function markOf(def: PropertyDef, edit: VariableEditing | undefined): Widget {
-  if (def.kind !== 'list') return markLabel(VARIABLE_KIND_MARKS[def.kind] ?? '?');
-  const glyph = `≡${LIST_ITEM_MARKS[def.items]}`;
+  if (def.kind !== 'list') return markLabel(kindMark(def.kind));
+  const glyph = `≡${KIND_MARKS[def.items]}`;
   return edit ? itemKindPicker(glyph, def.items, edit) : markLabel(glyph);
 }
 
-function markLabel(glyph: string): Label {
+export function markLabel(glyph: string): Label {
   return new Label(glyph, { style: 'small', align: 'center', width: MARK_WIDTH });
 }
 
@@ -244,12 +233,8 @@ function addFieldMenu(kinds: readonly StructFieldKind[], edit: VariableEditing):
   const add = new Dropdown('+ Field', { variant: 'ghost' });
   add.onClick = () => {
     new Menu(
-      kinds.map((kind) => ({ label: FIELD_KIND_LABELS[kind], onSelect: () => edit.addField(kind) })),
+      kinds.map((kind) => ({ label: KIND_LABELS[kind], onSelect: () => edit.addField(kind) })),
     ).openBelow(add);
   };
   return add;
 }
-
-function removeButton(onClick: () => void): Button {
-  return new Button('×', { variant: 'ghost', width: Theme.controlHeight, onClick });
-}