An animation's rows are edited on a timeline: double click sets a key, keys are banded, dragged and deleted, the ruler scrubs (#98)

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

src/editor/debugHook.ts

@@ -19,6 +19,7 @@ import { particleLibrary } from '../viewport/ParticleLibrary';
 import { shaderLibrary } from '../viewport/ShaderLibrary';
 import { soundLibrary } from '../viewport/SoundLibrary';
 import { textureLibrary } from '../viewport/TextureLibrary';
+import { currentRowDialog } from './animation/RowDialog';
 import type { CentreTab, Editor } from './Editor';
 import { currentFontPicker } from './font/FontPicker';
 import { currentNodePalette } from './graph/NodePalette';
@@ -463,6 +464,23 @@ export function installDebugHook(app: Application, state: EditorState, editor: E
     animation: {
       current: () => editor.animationEditor.currentAssetId,
       info: () => editor.animationEditor.shownInfo,
+      rootPickerAt: () => centreOf(editor.animationEditor.rootPicker),
+      addRowAt: () => centreOf(editor.animationEditor.addRowButton),
+      playAt: () => ({
+        ...centreOf(editor.animationEditor.playButton),
+        text: editor.animationEditor.playButton.text,
+      }),
+      /** Where a cell, a row's header and a frame on the ruler sit – no text names a cell. */
+      cellAt: (trackId: string, frame: number) => editor.animationEditor.canvas.cellGlobal(trackId, frame),
+      headerAt: (trackId: string) => editor.animationEditor.canvas.headerGlobal(trackId),
+      rulerAt: (frame: number) => editor.animationEditor.canvas.rulerGlobal(frame),
+      keys: () => editor.animationEditor.canvas.keysDrawn(),
+      rows: () => editor.animationEditor.canvas.rowsDrawn(),
+      view: () => editor.animationEditor.canvas.viewInfo(),
+      scrub: (frame: number) => editor.animationEditor.canvas.scrub(frame),
+      /** The open row dialog: what it offers and holds, and a way to pick without clicking through menus. */
+      rowDialog: () => currentRowDialog()?.debugInfo() ?? null,
+      rowDialogPick: (target: string, property: string) => currentRowDialog()?.pick(target, property),
     },
     container: {
       current: () => containerEditor.currentAssetId,