Trim needless comments and fix the picker width

Remove comments that only restate the code, keeping the section banners
and the notes that carry a reason, a measured fact or an external
contract.

ButtonOptions.width claimed to be a fixed width but only set minWidth,
so the Graph and Texture pickers grew with the name they showed. It is
now what it promises, with a separate minWidth for the buttons that have
two forms. Narrow buttons shrink their padding, otherwise a 24px icon
button had 8px left for its glyph and truncate dropped it entirely.

__gm.labelsDropped() guards that class: the overflow guard only saw text
that was too wide, never a label truncated to nothing.

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

src/editor/graph/GraphCanvas.ts

@@ -37,13 +37,8 @@ interface PortAnchor {
 }
 
 /**
- * The Graph tab's canvas: the node graph of one behavior asset. Which behavior that is comes
- * from the outside (`show`), so the canvas never has an opinion about the selection – the
- * GraphEditor around it does.
- *
- * Interactions: drag nodes, drag from port to port to connect, right-click the canvas for
- * the node palette, right-click a node or port for delete/disconnect, wheel to zoom, drag
- * the empty canvas to pan. All edits go through commands (undoable).
+ * The node graph of one behavior asset. Which behavior that is comes from the outside (`show`),
+ * so the canvas never has an opinion about the selection – the GraphEditor around it does.
  */
 export class GraphCanvas extends Widget {
   private readonly bg = new Graphics();
@@ -94,19 +89,17 @@ export class GraphCanvas extends Widget {
       e.preventDefault();
     });
 
-    // Only the highlight of the selected node depends on the selection; which graph is shown
-    // is the editor's decision.
+    // Only the highlight of the selected node depends on the selection.
     state.on('selection', () => this.redraw());
     state.on('project', () => this.sync());
     state.on('mode', () => this.redraw());
   }
 
-  /** The behavior whose graph is shown, if any. */
   get currentAssetId(): string | null {
     return this.assetId;
   }
 
-  /** Shows a behavior's graph. Switching refits the view, since the next graph is a new subject. */
+  /** Switching refits the view, since the next graph is a new subject. */
   show(assetId: string | null): void {
     if (this.assetId === assetId) return;
     this.assetId = assetId;
@@ -115,16 +108,12 @@ export class GraphCanvas extends Widget {
     this.fitView();
   }
 
-  /** Recentres the graph in the view – the "reset view" the header offers. */
   fit(): void {
     this.needsFit = true;
     this.fitView();
   }
 
-  /**
-   * The header's "Add node": the same palette the right-click opens, dropped in the middle of
-   * the view, since a button press says nothing about where the node should go.
-   */
+  /** Drops the node in the middle of the view, since a button press names no position. */
   addNodeFrom(anchor: Widget): void {
     if (!this.assetId || this.state.mode !== 'edit') return;
     const centre = this.screenToGraph(this.w / 2, this.h / 2);
@@ -148,8 +137,7 @@ export class GraphCanvas extends Widget {
   private sync(): void {
     const asset = this.asset();
     if (!asset) {
-      // A behavior that was deleted (or undone away) must not linger as a graph of a thing
-      // that no longer exists, so the canvas drops it rather than waiting to be told.
+      // A behavior that was deleted (or undone away) must not linger as a graph.
       this.assetId = null;
       for (const view of this.views.values()) view.destroy({ children: true });
       this.views.clear();
@@ -393,7 +381,6 @@ export class GraphCanvas extends Widget {
       return;
     }
     const playing = this.state.mode === 'play';
-    // The header names the behavior; the hint only says what the canvas itself is up to.
     this.hint.text = asset.graph.nodes.length === 0 ? 'Right-click to add a node' : playing ? 'live' : '';
 
     const trace = playing ? this.traceProvider(asset.id) : null;
@@ -447,8 +434,7 @@ export class GraphCanvas extends Widget {
     this.grid.clear();
     const step = GRID_STEP * this.zoom;
     if (step < MIN_GRID_STEP) return;
-    // `pan` is where the graph origin sits on screen – but the graph has no origin worth
-    // marking, so no axis lines.
+    // `pan` is where the graph origin sits on screen, but no axis lines: it marks nothing.
     drawGrid(this.grid, {
       originX: this.pan.x,
       originY: this.pan.y,
@@ -479,7 +465,7 @@ export class GraphCanvas extends Widget {
   }
 }
 
-/** Horizontal S-curve between two points, as used by every node editor. */
+/** Horizontal S-curve between two points. */
 function bezier(g: Graphics, x1: number, y1: number, x2: number, y2: number): void {
   const dx = Math.max(40, Math.abs(x2 - x1) * 0.5);
   g.moveTo(x1, y1).bezierCurveTo(x1 + dx, y1, x2 - dx, y2, x2, y2);