@nelsonlongxiang/dsh-open-a2a-net 0.6.41 → 0.6.42

package/nexus-stage/src/world.ts

@@ -1,509 +1,509 @@
-/**
- * The 2D planning-canvas world model: joined session nodes, team-frame
- * rectangles, the selection set, and the drag/marquee mutations. Pure
- * state + math, no DOM and no three (structural types redeclared here so
- * this module stays unit-testable from the root suite; main.ts passes the
- * topology.ts rows straight in - they satisfy these shapes structurally).
- *
- * Coordinate contract: a node's persisted {x, y} is its CARD CENTER (the
- * 3D scene writes mesh centers into the same layout document), so every
- * rectangle math goes through nodeRect(). Team frames own their saved
- * rects; a frame absent from the layout derives one from its members'
- * card bounding box. Group drag works from a pointerdown snapshot and
- * applies total deltas - never incremental accumulation, so a long drag
- * cannot drift.
- * @module nexus-stage/world
- */
-
-import { clampDoc, type LayoutDoc, type LayoutPoint, type LayoutRect } from './layout-doc'
-import { hashId } from './seat'
-import type { WorldBounds } from './viewport'
-
-/** Card geometry: the single source both CSS and edge math must agree with. */
-export const NODE_W = 172
-export const NODE_H = 56
-
-/**
- * Deterministic 2D fallback seating. The 3D scene's polar ring (radius
- * 12-30) is sized for unit spheres - 172px cards dropped onto it stack
- * into one pile. Unarranged cards instead spread on three card-scaled
- * rings (48 hash slots, y compressed for wide screens), so a fresh
- * canvas is readable before the first save; once anything is saved, the
- * persisted document wins in BOTH modes and this is only history.
- */
-const PLAN_RINGS = [150, 290, 430]
-const PLAN_SLOTS = 16
-
-export function planSeatFor(sid: string): { x: number; y: number } {
-  const h = hashId(sid)
-  const ring = Math.floor(h / PLAN_SLOTS) % PLAN_RINGS.length
-  const slot = h % PLAN_SLOTS
-  const angle = (slot / PLAN_SLOTS) * Math.PI * 2 + ring * (Math.PI / PLAN_SLOTS)
-  const r = PLAN_RINGS[ring]!
-  return { x: Math.round(Math.cos(angle) * r), y: Math.round(Math.sin(angle) * r * 0.6) }
-}
-
-/**
- * Home team per member id: the first team in state order that lists it.
- * That is the team whose membership edge is solid (edges.ts); every later
- * membership is a dashed 跨队 edge. A cross-team member therefore sits in
- * its home frame only — the other frames reach it by the dashed edge
- * instead of stretching over the home frame.
- */
-export function homeTeams(teams: ReadonlyArray<TeamLite>): Map<string, string> {
-  const home = new Map<string, string>()
-  for (const team of teams) {
-    for (const m of team.members) if (!home.has(m.id)) home.set(m.id, team.name)
-  }
-  return home
-}
-
-const CLUSTER_GAP = 64
-const CLUSTER_COL_GAP = 24
-const CLUSTER_ROW_GAP = 20
-const CLUSTERS_PER_ROW = 4
-/** Same padding deriveInitialFrame wraps around member cards. */
-const FRAME_PAD_X = 24
-const FRAME_PAD_TOP = 44
-const FRAME_PAD_BOTTOM = 24
-
-/**
- * First-run seats grouped by team: each team's home members fill a small
- * grid (2–3 columns), clusters sit side by side with a 64px gutter and wrap
- * every four teams; members with no canvas team (declared roster teams
- * only) form a trailing cluster. Hash ring seats ignored teams, so the
- * frames derived from scattered members nested inside each other and their
- * centered titles printed on top of one another. A row also wraps before it
- * outgrows `maxRowW` (the board width), so a portrait phone stacks teams
- * instead of fitting one long strip at ~30%. Deterministic for a fixed
- * state order and width. Only ids in `ids` are seated.
- */
-export function planTeamClusters(teams: ReadonlyArray<TeamLite>, ids: ReadonlyArray<string>, maxRowW = Number.POSITIVE_INFINITY): Map<string, { x: number; y: number }> {
-  const want = new Set(ids)
-  const home = homeTeams(teams)
-  const groups: string[][] = teams.map(t => [...new Set(t.members.map(m => m.id))].filter(id => want.has(id) && home.get(id) === t.name))
-  groups.push(ids.filter(id => !home.has(id)))
-  const seats = new Map<string, { x: number; y: number }>()
-  let cursorX = 0
-  let cursorY = 0
-  let rowH = 0
-  let placed = 0
-  for (const group of groups) {
-    if (group.length === 0) continue
-    const cols = Math.min(3, Math.max(group.length > 1 ? 2 : 1, Math.ceil(Math.sqrt(group.length))))
-    const rows = Math.ceil(group.length / cols)
-    const w = Math.max(260, cols * NODE_W + (cols - 1) * CLUSTER_COL_GAP + FRAME_PAD_X * 2)
-    const h = Math.max(160, rows * NODE_H + (rows - 1) * CLUSTER_ROW_GAP + FRAME_PAD_TOP + FRAME_PAD_BOTTOM)
-    if (placed > 0 && (placed % CLUSTERS_PER_ROW === 0 || cursorX + w > maxRowW)) {
-      cursorX = 0
-      cursorY += rowH + CLUSTER_GAP
-      rowH = 0
-    }
-    group.forEach((id, i) => {
-      const c = i % cols
-      const r = Math.floor(i / cols)
-      seats.set(id, {
-        x: cursorX + FRAME_PAD_X + NODE_W / 2 + c * (NODE_W + CLUSTER_COL_GAP),
-        y: cursorY + FRAME_PAD_TOP + NODE_H / 2 + r * (NODE_H + CLUSTER_ROW_GAP),
-      })
-    })
-    cursorX += w + CLUSTER_GAP
-    rowH = Math.max(rowH, h)
-    placed += 1
-  }
-  return seats
-}
-
-/** Breathing room kept between two unarranged cards. */
-const SEAT_GAP = 12
-
-/**
- * Collision-free fallback seat: the hashed ring seat when it is clear of
- * every card in `occupied`, else the next clear slot walking the rings
- * outward from the hashed one. The bare hash put 8 sessions into 48
- * slots and stacked pairs pixel-for-pixel on top of each other (and the
- * inner ring's slots sit ~60px apart, so neighbours overlapped too) —
- * a fresh board read as fewer nodes than the fleet had. Deterministic for
- * a fixed input order; when every ring slot is taken, cards queue on a
- * grid row under the outer ring.
- */
-export function planSeatClear(sid: string, occupied: ReadonlyArray<{ readonly x: number; readonly y: number }>): { x: number; y: number } {
-  const clear = (p: { x: number; y: number }): boolean => occupied.every(o =>
-    Math.abs(o.x - p.x) >= NODE_W + SEAT_GAP || Math.abs(o.y - p.y) >= NODE_H + SEAT_GAP)
-  const first = planSeatFor(sid)
-  if (clear(first)) return first
-  const h = hashId(sid)
-  const total = PLAN_SLOTS * PLAN_RINGS.length
-  const start = (Math.floor(h / PLAN_SLOTS) % PLAN_RINGS.length) * PLAN_SLOTS + (h % PLAN_SLOTS)
-  for (let k = 1; k < total; k++) {
-    const i = (start + k) % total
-    const ring = Math.floor(i / PLAN_SLOTS)
-    const angle = ((i % PLAN_SLOTS) / PLAN_SLOTS) * Math.PI * 2 + ring * (Math.PI / PLAN_SLOTS)
-    const r = PLAN_RINGS[ring]!
-    const p = { x: Math.round(Math.cos(angle) * r), y: Math.round(Math.sin(angle) * r * 0.6) }
-    if (clear(p)) return p
-  }
-  const outer = PLAN_RINGS[PLAN_RINGS.length - 1]!
-  for (let row = 0; ; row++) {
-    for (let col = 0; col < 6; col++) {
-      const p = { x: Math.round(-outer + col * (NODE_W + SEAT_GAP)), y: Math.round(outer * 0.6 + NODE_H * 2 + row * (NODE_H + SEAT_GAP)) }
-      if (clear(p)) return p
-    }
-  }
-}
-
-/** Minimal session row shape the model needs (topology.SessionRow satisfies it). */
-export interface SessionLite {
-  id: string; label: string; team: string; name?: string; description?: string; joined: boolean; live?: boolean; teams?: readonly string[]
-  /** Live local sessions only: mid-turn ('running') or idle, and how many receipt-owing tasks wait on it. */
-  status?: 'running' | 'idle'; queued?: number
-}
-
-/** Minimal team shape (topology.CanvasTeam satisfies it). `team` is the
- * mono route alias `<host>/canvas/<name>` when the payload carries it. */
-export interface TeamLite { name: string; team?: string; members: ReadonlyArray<{ id: string }> }
-
-/** One node's memberships in state order: team name + index (member order = routing priority). */
-export interface Membership { readonly team: string; readonly index: number }
-
-/** A placed session node: center position plus everything the card renders. */
-export interface WorldNode {
-  x: number
-  y: number
-  readonly id: string
-  /** Rendered attributes refresh on each poll; the position never does. */
-  label: string
-  /** The route alias `<team>/<id8>` the state payload provides. */
-  team: string
-  name?: string
-  /** What the session is for (/state `description`) — the card's second line. */
-  description?: string
-  live: boolean
-  /** Peer node (PR D v1 ruling): a remote host entry rendered as a card.
-   *  Excluded from local content bounds; canvas memberships allowed since
-   *  gh#20 W-B (the peer rides its zone/id8 handle at the server boundary). */
-  remote?: boolean
-  /** Full peer URL (identity is the bare host:port in the node id). */
-  peerUrl?: string
-  /** gh#20 W-B: the peer's zone/id8 remote handle (its first remote team
-   *  row) — the server's canvas member form for cross-host teams. */
-  remoteHandle?: string
-  /** Reachability score from a2a_probe (peers only). */
-  score?: number
-  /** Declared roster teams (a2a/teams.json) — the network-declaration half
-   *  of "teamed"; canvas memberships are the visual half. Peers: never. */
-  teams?: readonly string[]
-  memberships: ReadonlyArray<Membership>
-}
-
-/** A team frame rectangle in world space (top-left + size). */
-export interface FrameGeom { x: number; y: number; w: number; h: number }
-
-/** Snapshot for a frame drag: the frame rect at pointerdown (owner ruling 2026-10-28: a frame always moves only itself — members never ride along). */
-export interface FrameDragSnapshot {
-  readonly name: string
-  readonly rect: FrameGeom
-}
-
-/** The card rectangle (top-left + size) for a node centered at (x, y). */
-export function nodeRect(n: { readonly x: number; readonly y: number }): LayoutRect {
-  return { x: n.x - NODE_W / 2, y: n.y - NODE_H / 2, w: NODE_W, h: NODE_H }
-}
-
-/**
- * Derive an initial frame rect from member card rects: bounding box plus
- * padding (extra headroom on top for the straddling titlebar), minimum
- * 260x160, rounded to integers - deterministic, so the same roster always
- * proposes the same frame until the user moves something.
- */
-export function deriveInitialFrame(memberRects: ReadonlyArray<LayoutRect>): FrameGeom {
-  if (memberRects.length === 0) return { x: 0, y: 0, w: 260, h: 160 }
-  let minX = Number.POSITIVE_INFINITY
-  let minY = Number.POSITIVE_INFINITY
-  let maxX = Number.NEGATIVE_INFINITY
-  let maxY = Number.NEGATIVE_INFINITY
-  for (const r of memberRects) {
-    minX = Math.min(minX, r.x)
-    minY = Math.min(minY, r.y)
-    maxX = Math.max(maxX, r.x + r.w)
-    maxY = Math.max(maxY, r.y + r.h)
-  }
-  const padX = 24
-  const padTop = 44
-  const padBottom = 24
-  const w = Math.max(260, Math.round(maxX - minX + padX * 2))
-  const h = Math.max(160, Math.round(maxY - minY + padTop + padBottom))
-  return { x: Math.round(minX - padX), y: Math.round(minY - padTop), w, h }
-}
-
-/** The planning-canvas model. */
-export class WorldModel {
-  private revisionCounter = 0
-
-  /** Monotonic mutation counter: the view re-renders only when this moves. */
-  get revision(): number { return this.revisionCounter }
-
-  private nodes = new Map<string, WorldNode>()
-  private frames = new Map<string, FrameGeom>()
-  private selection = new Set<string>()
-  viewport = { x: 0, y: 0, scale: 1 }
-
-  /** Read-only node access for rendering/edges. */
-  getNode(id: string): WorldNode | undefined { return this.nodes.get(id) }
-  allNodes(): ReadonlyArray<WorldNode> { return [...this.nodes.values()] }
-  nodeIds(): ReadonlyArray<string> { return [...this.nodes.keys()] }
-  getFrame(name: string): FrameGeom | undefined { return this.frames.get(name) }
-  allFrames(): ReadonlyArray<[string, FrameGeom]> { return [...this.frames.entries()] }
-  isSelected(id: string): boolean { return this.selection.has(id) }
-  selectedIds(): ReadonlyArray<string> { return [...this.selection] }
-
-  private bump(): void { this.revisionCounter += 1 }
-
-  /**
-   * Move nodes by a world-space delta (drag/nudge); also moves each
-   * selected node out of no frame - frames track rects, not membership,
-   * so positions and rects stay independent.
-   */
-  dragNodes(ids: ReadonlyArray<string>, dx: number, dy: number): void {
-    let moved = false
-    for (const id of ids) {
-      const n = this.nodes.get(id)
-      if (n === undefined) continue
-      n.x += dx
-      n.y += dy
-      moved = true
-    }
-    if (moved) this.bump()
-  }
-
-  /**
-   * Start a frame drag: snapshot the rect so the drag applies total deltas
-   * from this origin (no float drift). Returns undefined for an unknown
-   * frame. Owner ruling 2026-10-28: the snapshot carries NO member state —
-   * a frame drag moves only the rect; members stay where the user put them.
-   */
-  beginFrameDrag(name: string): FrameDragSnapshot | undefined {
-    const rect = this.frames.get(name)
-    if (rect === undefined) return undefined
-    return { name, rect: { ...rect } }
-  }
-
-  /** Apply a total world-space delta from the drag origin to the rect ONLY. */
-  applyFrameDrag(snap: FrameDragSnapshot, dx: number, dy: number): void {
-    const rect = this.frames.get(snap.name)
-    if (rect === undefined) return
-    rect.x = snap.rect.x + dx
-    rect.y = snap.rect.y + dy
-    this.bump()
-  }
-
-  /** Nudge (keyboard micro-move): moves the SELECTED CARDS only — frames are never in the card selection, so nudging already honours the owner ruling (a frame always moves only itself). */
-  nudge(ids: ReadonlyArray<string>, dx: number, dy: number): void { this.dragNodes(ids, dx, dy) }
-
-  /** Set selection: nodes whose card rect intersects the world-space marquee. */
-  marqueeSelect(rect: LayoutRect, additive: boolean): void {
-    if (!additive) this.selection.clear()
-    for (const n of this.nodes.values()) {
-      const r = nodeRect(n)
-      const intersects = r.x < rect.x + rect.w && r.x + r.w > rect.x && r.y < rect.y + rect.h && r.y + r.h > rect.y
-      if (intersects) this.selection.add(n.id)
-    }
-    this.bump()
-  }
-
-  /** Replace the whole selection (click / Shift-click add / Esc clears). */
-  setSelection(ids: ReadonlyArray<string>): void {
-    this.selection = new Set(ids)
-    this.bump()
-  }
-
-  /**
-   * Poll-cycle maintenance: insert or refresh one node without touching
-   * its position (the live model is authoritative between saves; a poll
-   * must never snap a dragged card back to its last-saved spot). New
-   * nodes seat at the given coordinates (saved spot or hash seat).
-   */
-  upsertNode(n: WorldNode): void {
-    const existing = this.nodes.get(n.id)
-    if (existing === undefined) {
-      this.nodes.set(n.id, n)
-      this.bump()
-      return
-    }
-    existing.label = n.label
-    existing.name = n.name
-    existing.description = n.description
-    existing.live = n.live
-    existing.memberships = n.memberships
-    this.bump()
-  }
-
-  /** Drop a node that left the joined roster; clears it from selection. */
-  removeNode(id: string): void {
-    if (this.nodes.delete(id)) {
-      this.selection.delete(id)
-      this.bump()
-    }
-  }
-
-  /** Set or replace one frame rect (adopted layout or derived initial). */
-  setFrame(name: string, rect: FrameGeom): void {
-    this.frames.set(name, rect)
-    this.bump()
-  }
-
-  /** Drop a frame whose team vanished from the state payload. */
-  removeFrame(name: string): void {
-    if (this.frames.delete(name)) this.bump()
-  }
-
-  /** Update a peer node's reachability score (render attr; no bump unless it changed). */
-  upsertScore(id: string, score: number | undefined): void {
-    const n = this.nodes.get(id)
-    if (n === undefined || n.score === score) return
-    n.score = score
-    this.bump()
-  }
-
-  /** Node center positions, for the layout document builder. */
-  positions(): Map<string, LayoutPoint> {
-    const out = new Map<string, LayoutPoint>()
-    for (const [id, n] of this.nodes) out.set(id, { x: n.x, y: n.y })
-    return out
-  }
-
-  /** Frame rectangles, for the layout document builder. */
-  frameRects(): Map<string, LayoutRect> {
-    const out = new Map<string, LayoutRect>()
-    for (const [name, r] of this.frames) out.set(name, { ...r })
-    return out
-  }
-
-  /** Member ids of one team, in routing-priority (index) order. */
-  teamMemberIds(name: string): string[] {
-    const rows: Array<{ id: string; index: number }> = []
-    for (const n of this.nodes.values()) {
-      const m = n.memberships.find(x => x.team === name)
-      if (m !== undefined) rows.push({ id: n.id, index: m.index })
-    }
-    return rows.sort((a, b) => a.index - b.index).map(r => r.id)
-  }
-
-  /**
-   * Replace one team's roster (the single primitive every write action and
-   * its undo go through): entries for OTHER teams are preserved verbatim
-   * in their array position, this team's entries are rebuilt from `ids`
-   * (order = routing priority, indexes renormalized to 0..n-1 so the P
-   * badges stay continuous). One bump for the whole operation.
-   */
-  setTeamMembers(name: string, ids: ReadonlyArray<string>): void {
-    for (const n of this.nodes.values()) {
-      const rest = n.memberships.filter(m => m.team !== name)
-      const idx = ids.indexOf(n.id)
-      if (idx >= 0) rest.push({ team: name, index: idx })
-      n.memberships = rest
-    }
-    this.bump()
-  }
-
-  /** Union of node cards and frame rects; null when the canvas is empty. */
-  contentBounds(): WorldBounds | null {
-    let minX = Number.POSITIVE_INFINITY
-    let minY = Number.POSITIVE_INFINITY
-    let maxX = Number.NEGATIVE_INFINITY
-    let maxY = Number.NEGATIVE_INFINITY
-    const absorb = (r: LayoutRect): void => {
-      minX = Math.min(minX, r.x)
-      minY = Math.min(minY, r.y)
-      maxX = Math.max(maxX, r.x + r.w)
-      maxY = Math.max(maxY, r.y + r.h)
-    }
-    for (const n of this.nodes.values()) {
-      if (n.remote === true) continue // peer cards hang outside the field
-      absorb(nodeRect(n))
-    }
-    for (const r of this.frames.values()) absorb(r)
-    return minX === Number.POSITIVE_INFINITY ? null : { minX, minY, maxX, maxY }
-  }
-
-  /**
-   * Build from one state payload plus the persisted layout (when the host
-   * has one). Joined sessions only (same roster rule as the 3D scene);
-   * saved positions win, the deterministic card-scaled ring seat
-   * falls back - the same world spot the 3D grid plane shows for an
-   * unsaved node. Frames come from the layout when present; a frame with
-   * neither saved rect nor members is skipped. The layout is clamped with
-   * the host-mirror discipline, so malformed rows fall through to seats
-   * exactly like the 3D scene's typeof guard.
-   */
-  static fromState(input: {
-    sessions: ReadonlyArray<SessionLite>
-    teams: ReadonlyArray<TeamLite>
-    layout: unknown
-  }): WorldModel {
-    const model = new WorldModel()
-    const doc: LayoutDoc | undefined = clampDoc(input.layout)
-
-    const memberships = new Map<string, Array<Membership>>()
-    for (const team of input.teams) {
-      for (let i = 0; i < team.members.length; i++) {
-        const id = team.members[i]!.id
-        const list = memberships.get(id) ?? []
-        list.push({ team: team.name, index: i })
-        memberships.set(id, list)
-      }
-    }
-
-    for (const s of input.sessions) {
-      if (s.joined !== true) continue
-      const saved: LayoutPoint | undefined = doc?.nodes[s.id]
-      let x: number
-      let y: number
-      if (saved !== undefined && typeof saved.x === 'number' && typeof saved.y === 'number') {
-        x = saved.x
-        y = saved.y
-      } else {
-        const p = planSeatClear(s.id, [...model.nodes.values()])
-        x = p.x
-        y = p.y
-      }
-      model.nodes.set(s.id, {
-        id: s.id,
-        x,
-        y,
-        label: s.label,
-        team: s.team,
-        name: s.name,
-        description: s.description,
-        live: s.live !== false,
-        memberships: memberships.get(s.id) ?? [],
-      })
-    }
-
-    for (const team of input.teams) {
-      const savedRect = doc?.frames[team.name]
-      if (savedRect !== undefined) {
-        model.frames.set(team.name, { x: savedRect.x, y: savedRect.y, w: savedRect.w, h: savedRect.h })
-        continue
-      }
-      const memberRects: Array<LayoutRect> = []
-      for (const m of team.members) {
-        const n = model.nodes.get(m.id)
-        if (n !== undefined) memberRects.push(nodeRect(n))
-      }
-      if (memberRects.length > 0) model.frames.set(team.name, deriveInitialFrame(memberRects))
-    }
-
-    model.viewport = doc !== undefined ? { ...doc.viewport } : { x: 0, y: 0, scale: 1 }
-    return model
-  }
-}
-
-/** Functional entry point; see {@link WorldModel.fromState} for the contract. */
-export function buildWorld(input: {
-  sessions: ReadonlyArray<SessionLite>
-  teams: ReadonlyArray<TeamLite>
-  layout: unknown
-}): WorldModel {
-  return WorldModel.fromState(input)
-}
+/**
+ * The 2D planning-canvas world model: joined session nodes, team-frame
+ * rectangles, the selection set, and the drag/marquee mutations. Pure
+ * state + math, no DOM and no three (structural types redeclared here so
+ * this module stays unit-testable from the root suite; main.ts passes the
+ * topology.ts rows straight in - they satisfy these shapes structurally).
+ *
+ * Coordinate contract: a node's persisted {x, y} is its CARD CENTER (the
+ * 3D scene writes mesh centers into the same layout document), so every
+ * rectangle math goes through nodeRect(). Team frames own their saved
+ * rects; a frame absent from the layout derives one from its members'
+ * card bounding box. Group drag works from a pointerdown snapshot and
+ * applies total deltas - never incremental accumulation, so a long drag
+ * cannot drift.
+ * @module nexus-stage/world
+ */
+
+import { clampDoc, type LayoutDoc, type LayoutPoint, type LayoutRect } from './layout-doc'
+import { hashId } from './seat'
+import type { WorldBounds } from './viewport'
+
+/** Card geometry: the single source both CSS and edge math must agree with. */
+export const NODE_W = 172
+export const NODE_H = 56
+
+/**
+ * Deterministic 2D fallback seating. The 3D scene's polar ring (radius
+ * 12-30) is sized for unit spheres - 172px cards dropped onto it stack
+ * into one pile. Unarranged cards instead spread on three card-scaled
+ * rings (48 hash slots, y compressed for wide screens), so a fresh
+ * canvas is readable before the first save; once anything is saved, the
+ * persisted document wins in BOTH modes and this is only history.
+ */
+const PLAN_RINGS = [150, 290, 430]
+const PLAN_SLOTS = 16
+
+export function planSeatFor(sid: string): { x: number; y: number } {
+  const h = hashId(sid)
+  const ring = Math.floor(h / PLAN_SLOTS) % PLAN_RINGS.length
+  const slot = h % PLAN_SLOTS
+  const angle = (slot / PLAN_SLOTS) * Math.PI * 2 + ring * (Math.PI / PLAN_SLOTS)
+  const r = PLAN_RINGS[ring]!
+  return { x: Math.round(Math.cos(angle) * r), y: Math.round(Math.sin(angle) * r * 0.6) }
+}
+
+/**
+ * Home team per member id: the first team in state order that lists it.
+ * That is the team whose membership edge is solid (edges.ts); every later
+ * membership is a dashed 跨队 edge. A cross-team member therefore sits in
+ * its home frame only — the other frames reach it by the dashed edge
+ * instead of stretching over the home frame.
+ */
+export function homeTeams(teams: ReadonlyArray<TeamLite>): Map<string, string> {
+  const home = new Map<string, string>()
+  for (const team of teams) {
+    for (const m of team.members) if (!home.has(m.id)) home.set(m.id, team.name)
+  }
+  return home
+}
+
+const CLUSTER_GAP = 64
+const CLUSTER_COL_GAP = 24
+const CLUSTER_ROW_GAP = 20
+const CLUSTERS_PER_ROW = 4
+/** Same padding deriveInitialFrame wraps around member cards. */
+const FRAME_PAD_X = 24
+const FRAME_PAD_TOP = 44
+const FRAME_PAD_BOTTOM = 24
+
+/**
+ * First-run seats grouped by team: each team's home members fill a small
+ * grid (2–3 columns), clusters sit side by side with a 64px gutter and wrap
+ * every four teams; members with no canvas team (declared roster teams
+ * only) form a trailing cluster. Hash ring seats ignored teams, so the
+ * frames derived from scattered members nested inside each other and their
+ * centered titles printed on top of one another. A row also wraps before it
+ * outgrows `maxRowW` (the board width), so a portrait phone stacks teams
+ * instead of fitting one long strip at ~30%. Deterministic for a fixed
+ * state order and width. Only ids in `ids` are seated.
+ */
+export function planTeamClusters(teams: ReadonlyArray<TeamLite>, ids: ReadonlyArray<string>, maxRowW = Number.POSITIVE_INFINITY): Map<string, { x: number; y: number }> {
+  const want = new Set(ids)
+  const home = homeTeams(teams)
+  const groups: string[][] = teams.map(t => [...new Set(t.members.map(m => m.id))].filter(id => want.has(id) && home.get(id) === t.name))
+  groups.push(ids.filter(id => !home.has(id)))
+  const seats = new Map<string, { x: number; y: number }>()
+  let cursorX = 0
+  let cursorY = 0
+  let rowH = 0
+  let placed = 0
+  for (const group of groups) {
+    if (group.length === 0) continue
+    const cols = Math.min(3, Math.max(group.length > 1 ? 2 : 1, Math.ceil(Math.sqrt(group.length))))
+    const rows = Math.ceil(group.length / cols)
+    const w = Math.max(260, cols * NODE_W + (cols - 1) * CLUSTER_COL_GAP + FRAME_PAD_X * 2)
+    const h = Math.max(160, rows * NODE_H + (rows - 1) * CLUSTER_ROW_GAP + FRAME_PAD_TOP + FRAME_PAD_BOTTOM)
+    if (placed > 0 && (placed % CLUSTERS_PER_ROW === 0 || cursorX + w > maxRowW)) {
+      cursorX = 0
+      cursorY += rowH + CLUSTER_GAP
+      rowH = 0
+    }
+    group.forEach((id, i) => {
+      const c = i % cols
+      const r = Math.floor(i / cols)
+      seats.set(id, {
+        x: cursorX + FRAME_PAD_X + NODE_W / 2 + c * (NODE_W + CLUSTER_COL_GAP),
+        y: cursorY + FRAME_PAD_TOP + NODE_H / 2 + r * (NODE_H + CLUSTER_ROW_GAP),
+      })
+    })
+    cursorX += w + CLUSTER_GAP
+    rowH = Math.max(rowH, h)
+    placed += 1
+  }
+  return seats
+}
+
+/** Breathing room kept between two unarranged cards. */
+const SEAT_GAP = 12
+
+/**
+ * Collision-free fallback seat: the hashed ring seat when it is clear of
+ * every card in `occupied`, else the next clear slot walking the rings
+ * outward from the hashed one. The bare hash put 8 sessions into 48
+ * slots and stacked pairs pixel-for-pixel on top of each other (and the
+ * inner ring's slots sit ~60px apart, so neighbours overlapped too) —
+ * a fresh board read as fewer nodes than the fleet had. Deterministic for
+ * a fixed input order; when every ring slot is taken, cards queue on a
+ * grid row under the outer ring.
+ */
+export function planSeatClear(sid: string, occupied: ReadonlyArray<{ readonly x: number; readonly y: number }>): { x: number; y: number } {
+  const clear = (p: { x: number; y: number }): boolean => occupied.every(o =>
+    Math.abs(o.x - p.x) >= NODE_W + SEAT_GAP || Math.abs(o.y - p.y) >= NODE_H + SEAT_GAP)
+  const first = planSeatFor(sid)
+  if (clear(first)) return first
+  const h = hashId(sid)
+  const total = PLAN_SLOTS * PLAN_RINGS.length
+  const start = (Math.floor(h / PLAN_SLOTS) % PLAN_RINGS.length) * PLAN_SLOTS + (h % PLAN_SLOTS)
+  for (let k = 1; k < total; k++) {
+    const i = (start + k) % total
+    const ring = Math.floor(i / PLAN_SLOTS)
+    const angle = ((i % PLAN_SLOTS) / PLAN_SLOTS) * Math.PI * 2 + ring * (Math.PI / PLAN_SLOTS)
+    const r = PLAN_RINGS[ring]!
+    const p = { x: Math.round(Math.cos(angle) * r), y: Math.round(Math.sin(angle) * r * 0.6) }
+    if (clear(p)) return p
+  }
+  const outer = PLAN_RINGS[PLAN_RINGS.length - 1]!
+  for (let row = 0; ; row++) {
+    for (let col = 0; col < 6; col++) {
+      const p = { x: Math.round(-outer + col * (NODE_W + SEAT_GAP)), y: Math.round(outer * 0.6 + NODE_H * 2 + row * (NODE_H + SEAT_GAP)) }
+      if (clear(p)) return p
+    }
+  }
+}
+
+/** Minimal session row shape the model needs (topology.SessionRow satisfies it). */
+export interface SessionLite {
+  id: string; label: string; team: string; name?: string; description?: string; joined: boolean; live?: boolean; teams?: readonly string[]
+  /** Live local sessions only: mid-turn ('running') or idle, and how many receipt-owing tasks wait on it. */
+  status?: 'running' | 'idle'; queued?: number
+}
+
+/** Minimal team shape (topology.CanvasTeam satisfies it). `team` is the
+ * mono route alias `<host>/canvas/<name>` when the payload carries it. */
+export interface TeamLite { name: string; team?: string; members: ReadonlyArray<{ id: string }> }
+
+/** One node's memberships in state order: team name + index (member order = routing priority). */
+export interface Membership { readonly team: string; readonly index: number }
+
+/** A placed session node: center position plus everything the card renders. */
+export interface WorldNode {
+  x: number
+  y: number
+  readonly id: string
+  /** Rendered attributes refresh on each poll; the position never does. */
+  label: string
+  /** The route alias `<team>/<id8>` the state payload provides. */
+  team: string
+  name?: string
+  /** What the session is for (/state `description`) — the card's second line. */
+  description?: string
+  live: boolean
+  /** Peer node (PR D v1 ruling): a remote host entry rendered as a card.
+   *  Excluded from local content bounds; canvas memberships allowed since
+   *  gh#20 W-B (the peer rides its zone/id8 handle at the server boundary). */
+  remote?: boolean
+  /** Full peer URL (identity is the bare host:port in the node id). */
+  peerUrl?: string
+  /** gh#20 W-B: the peer's zone/id8 remote handle (its first remote team
+   *  row) — the server's canvas member form for cross-host teams. */
+  remoteHandle?: string
+  /** Reachability score from a2a_probe (peers only). */
+  score?: number
+  /** Declared roster teams (a2a/teams.json) — the network-declaration half
+   *  of "teamed"; canvas memberships are the visual half. Peers: never. */
+  teams?: readonly string[]
+  memberships: ReadonlyArray<Membership>
+}
+
+/** A team frame rectangle in world space (top-left + size). */
+export interface FrameGeom { x: number; y: number; w: number; h: number }
+
+/** Snapshot for a frame drag: the frame rect at pointerdown (owner ruling 2026-10-28: a frame always moves only itself — members never ride along). */
+export interface FrameDragSnapshot {
+  readonly name: string
+  readonly rect: FrameGeom
+}
+
+/** The card rectangle (top-left + size) for a node centered at (x, y). */
+export function nodeRect(n: { readonly x: number; readonly y: number }): LayoutRect {
+  return { x: n.x - NODE_W / 2, y: n.y - NODE_H / 2, w: NODE_W, h: NODE_H }
+}
+
+/**
+ * Derive an initial frame rect from member card rects: bounding box plus
+ * padding (extra headroom on top for the straddling titlebar), minimum
+ * 260x160, rounded to integers - deterministic, so the same roster always
+ * proposes the same frame until the user moves something.
+ */
+export function deriveInitialFrame(memberRects: ReadonlyArray<LayoutRect>): FrameGeom {
+  if (memberRects.length === 0) return { x: 0, y: 0, w: 260, h: 160 }
+  let minX = Number.POSITIVE_INFINITY
+  let minY = Number.POSITIVE_INFINITY
+  let maxX = Number.NEGATIVE_INFINITY
+  let maxY = Number.NEGATIVE_INFINITY
+  for (const r of memberRects) {
+    minX = Math.min(minX, r.x)
+    minY = Math.min(minY, r.y)
+    maxX = Math.max(maxX, r.x + r.w)
+    maxY = Math.max(maxY, r.y + r.h)
+  }
+  const padX = 24
+  const padTop = 44
+  const padBottom = 24
+  const w = Math.max(260, Math.round(maxX - minX + padX * 2))
+  const h = Math.max(160, Math.round(maxY - minY + padTop + padBottom))
+  return { x: Math.round(minX - padX), y: Math.round(minY - padTop), w, h }
+}
+
+/** The planning-canvas model. */
+export class WorldModel {
+  private revisionCounter = 0
+
+  /** Monotonic mutation counter: the view re-renders only when this moves. */
+  get revision(): number { return this.revisionCounter }
+
+  private nodes = new Map<string, WorldNode>()
+  private frames = new Map<string, FrameGeom>()
+  private selection = new Set<string>()
+  viewport = { x: 0, y: 0, scale: 1 }
+
+  /** Read-only node access for rendering/edges. */
+  getNode(id: string): WorldNode | undefined { return this.nodes.get(id) }
+  allNodes(): ReadonlyArray<WorldNode> { return [...this.nodes.values()] }
+  nodeIds(): ReadonlyArray<string> { return [...this.nodes.keys()] }
+  getFrame(name: string): FrameGeom | undefined { return this.frames.get(name) }
+  allFrames(): ReadonlyArray<[string, FrameGeom]> { return [...this.frames.entries()] }
+  isSelected(id: string): boolean { return this.selection.has(id) }
+  selectedIds(): ReadonlyArray<string> { return [...this.selection] }
+
+  private bump(): void { this.revisionCounter += 1 }
+
+  /**
+   * Move nodes by a world-space delta (drag/nudge); also moves each
+   * selected node out of no frame - frames track rects, not membership,
+   * so positions and rects stay independent.
+   */
+  dragNodes(ids: ReadonlyArray<string>, dx: number, dy: number): void {
+    let moved = false
+    for (const id of ids) {
+      const n = this.nodes.get(id)
+      if (n === undefined) continue
+      n.x += dx
+      n.y += dy
+      moved = true
+    }
+    if (moved) this.bump()
+  }
+
+  /**
+   * Start a frame drag: snapshot the rect so the drag applies total deltas
+   * from this origin (no float drift). Returns undefined for an unknown
+   * frame. Owner ruling 2026-10-28: the snapshot carries NO member state —
+   * a frame drag moves only the rect; members stay where the user put them.
+   */
+  beginFrameDrag(name: string): FrameDragSnapshot | undefined {
+    const rect = this.frames.get(name)
+    if (rect === undefined) return undefined
+    return { name, rect: { ...rect } }
+  }
+
+  /** Apply a total world-space delta from the drag origin to the rect ONLY. */
+  applyFrameDrag(snap: FrameDragSnapshot, dx: number, dy: number): void {
+    const rect = this.frames.get(snap.name)
+    if (rect === undefined) return
+    rect.x = snap.rect.x + dx
+    rect.y = snap.rect.y + dy
+    this.bump()
+  }
+
+  /** Nudge (keyboard micro-move): moves the SELECTED CARDS only — frames are never in the card selection, so nudging already honours the owner ruling (a frame always moves only itself). */
+  nudge(ids: ReadonlyArray<string>, dx: number, dy: number): void { this.dragNodes(ids, dx, dy) }
+
+  /** Set selection: nodes whose card rect intersects the world-space marquee. */
+  marqueeSelect(rect: LayoutRect, additive: boolean): void {
+    if (!additive) this.selection.clear()
+    for (const n of this.nodes.values()) {
+      const r = nodeRect(n)
+      const intersects = r.x < rect.x + rect.w && r.x + r.w > rect.x && r.y < rect.y + rect.h && r.y + r.h > rect.y
+      if (intersects) this.selection.add(n.id)
+    }
+    this.bump()
+  }
+
+  /** Replace the whole selection (click / Shift-click add / Esc clears). */
+  setSelection(ids: ReadonlyArray<string>): void {
+    this.selection = new Set(ids)
+    this.bump()
+  }
+
+  /**
+   * Poll-cycle maintenance: insert or refresh one node without touching
+   * its position (the live model is authoritative between saves; a poll
+   * must never snap a dragged card back to its last-saved spot). New
+   * nodes seat at the given coordinates (saved spot or hash seat).
+   */
+  upsertNode(n: WorldNode): void {
+    const existing = this.nodes.get(n.id)
+    if (existing === undefined) {
+      this.nodes.set(n.id, n)
+      this.bump()
+      return
+    }
+    existing.label = n.label
+    existing.name = n.name
+    existing.description = n.description
+    existing.live = n.live
+    existing.memberships = n.memberships
+    this.bump()
+  }
+
+  /** Drop a node that left the joined roster; clears it from selection. */
+  removeNode(id: string): void {
+    if (this.nodes.delete(id)) {
+      this.selection.delete(id)
+      this.bump()
+    }
+  }
+
+  /** Set or replace one frame rect (adopted layout or derived initial). */
+  setFrame(name: string, rect: FrameGeom): void {
+    this.frames.set(name, rect)
+    this.bump()
+  }
+
+  /** Drop a frame whose team vanished from the state payload. */
+  removeFrame(name: string): void {
+    if (this.frames.delete(name)) this.bump()
+  }
+
+  /** Update a peer node's reachability score (render attr; no bump unless it changed). */
+  upsertScore(id: string, score: number | undefined): void {
+    const n = this.nodes.get(id)
+    if (n === undefined || n.score === score) return
+    n.score = score
+    this.bump()
+  }
+
+  /** Node center positions, for the layout document builder. */
+  positions(): Map<string, LayoutPoint> {
+    const out = new Map<string, LayoutPoint>()
+    for (const [id, n] of this.nodes) out.set(id, { x: n.x, y: n.y })
+    return out
+  }
+
+  /** Frame rectangles, for the layout document builder. */
+  frameRects(): Map<string, LayoutRect> {
+    const out = new Map<string, LayoutRect>()
+    for (const [name, r] of this.frames) out.set(name, { ...r })
+    return out
+  }
+
+  /** Member ids of one team, in routing-priority (index) order. */
+  teamMemberIds(name: string): string[] {
+    const rows: Array<{ id: string; index: number }> = []
+    for (const n of this.nodes.values()) {
+      const m = n.memberships.find(x => x.team === name)
+      if (m !== undefined) rows.push({ id: n.id, index: m.index })
+    }
+    return rows.sort((a, b) => a.index - b.index).map(r => r.id)
+  }
+
+  /**
+   * Replace one team's roster (the single primitive every write action and
+   * its undo go through): entries for OTHER teams are preserved verbatim
+   * in their array position, this team's entries are rebuilt from `ids`
+   * (order = routing priority, indexes renormalized to 0..n-1 so the P
+   * badges stay continuous). One bump for the whole operation.
+   */
+  setTeamMembers(name: string, ids: ReadonlyArray<string>): void {
+    for (const n of this.nodes.values()) {
+      const rest = n.memberships.filter(m => m.team !== name)
+      const idx = ids.indexOf(n.id)
+      if (idx >= 0) rest.push({ team: name, index: idx })
+      n.memberships = rest
+    }
+    this.bump()
+  }
+
+  /** Union of node cards and frame rects; null when the canvas is empty. */
+  contentBounds(): WorldBounds | null {
+    let minX = Number.POSITIVE_INFINITY
+    let minY = Number.POSITIVE_INFINITY
+    let maxX = Number.NEGATIVE_INFINITY
+    let maxY = Number.NEGATIVE_INFINITY
+    const absorb = (r: LayoutRect): void => {
+      minX = Math.min(minX, r.x)
+      minY = Math.min(minY, r.y)
+      maxX = Math.max(maxX, r.x + r.w)
+      maxY = Math.max(maxY, r.y + r.h)
+    }
+    for (const n of this.nodes.values()) {
+      if (n.remote === true) continue // peer cards hang outside the field
+      absorb(nodeRect(n))
+    }
+    for (const r of this.frames.values()) absorb(r)
+    return minX === Number.POSITIVE_INFINITY ? null : { minX, minY, maxX, maxY }
+  }
+
+  /**
+   * Build from one state payload plus the persisted layout (when the host
+   * has one). Joined sessions only (same roster rule as the 3D scene);
+   * saved positions win, the deterministic card-scaled ring seat
+   * falls back - the same world spot the 3D grid plane shows for an
+   * unsaved node. Frames come from the layout when present; a frame with
+   * neither saved rect nor members is skipped. The layout is clamped with
+   * the host-mirror discipline, so malformed rows fall through to seats
+   * exactly like the 3D scene's typeof guard.
+   */
+  static fromState(input: {
+    sessions: ReadonlyArray<SessionLite>
+    teams: ReadonlyArray<TeamLite>
+    layout: unknown
+  }): WorldModel {
+    const model = new WorldModel()
+    const doc: LayoutDoc | undefined = clampDoc(input.layout)
+
+    const memberships = new Map<string, Array<Membership>>()
+    for (const team of input.teams) {
+      for (let i = 0; i < team.members.length; i++) {
+        const id = team.members[i]!.id
+        const list = memberships.get(id) ?? []
+        list.push({ team: team.name, index: i })
+        memberships.set(id, list)
+      }
+    }
+
+    for (const s of input.sessions) {
+      if (s.joined !== true) continue
+      const saved: LayoutPoint | undefined = doc?.nodes[s.id]
+      let x: number
+      let y: number
+      if (saved !== undefined && typeof saved.x === 'number' && typeof saved.y === 'number') {
+        x = saved.x
+        y = saved.y
+      } else {
+        const p = planSeatClear(s.id, [...model.nodes.values()])
+        x = p.x
+        y = p.y
+      }
+      model.nodes.set(s.id, {
+        id: s.id,
+        x,
+        y,
+        label: s.label,
+        team: s.team,
+        name: s.name,
+        description: s.description,
+        live: s.live !== false,
+        memberships: memberships.get(s.id) ?? [],
+      })
+    }
+
+    for (const team of input.teams) {
+      const savedRect = doc?.frames[team.name]
+      if (savedRect !== undefined) {
+        model.frames.set(team.name, { x: savedRect.x, y: savedRect.y, w: savedRect.w, h: savedRect.h })
+        continue
+      }
+      const memberRects: Array<LayoutRect> = []
+      for (const m of team.members) {
+        const n = model.nodes.get(m.id)
+        if (n !== undefined) memberRects.push(nodeRect(n))
+      }
+      if (memberRects.length > 0) model.frames.set(team.name, deriveInitialFrame(memberRects))
+    }
+
+    model.viewport = doc !== undefined ? { ...doc.viewport } : { x: 0, y: 0, scale: 1 }
+    return model
+  }
+}
+
+/** Functional entry point; see {@link WorldModel.fromState} for the contract. */
+export function buildWorld(input: {
+  sessions: ReadonlyArray<SessionLite>
+  teams: ReadonlyArray<TeamLite>
+  layout: unknown
+}): WorldModel {
+  return WorldModel.fromState(input)
+}