Beat Muser CI Reports

Global app header component. Displays the "Beat Muser" app title and the current project name when a project is open. Clicking the title navigates back to the project list.

Generic binary search utilities for sorted arrays. These are small, pure functions with no dependencies. They are used by multiple packlets (timing-engine, hit-testing, visible-object queries) so they live in their own packlet to avoid duplication.

Typed command registry for editor actions. Commands are fire-and-forget units of work with metadata (title, shortcut) suitable for toolbars, keyboard shortcuts, and command palettes. The registry is intentionally decoupled from React and the editor core. It only knows how to store and dispatch commands; what a command does is defined at registration time via closures.

Central state brain for the beatmap editor.

Lightweight entity-component-system (ECS) manager. Provides type-safe component access and entity queries without framework dependencies.

Virtual file system abstraction. Provides a unified interface over the browser's File System API (real directories) and an in-memory demo file system for example projects.

Minimal 2D geometry primitives for the editor.

TypeBox schemas, TypeScript types, and parser for the `beat-muser-project.json` file format. Defines the ECS-lite entity model, core components, and project metadata structure.

Fixed full-viewport layout shell for the editor. Composes a toolbar, left/right sidebar panels, a central timeline area, and a status bar via ReactNode props. When a prop is not provided, its corresponding section is excluded from the layout entirely (no placeholder DOM nodes).

Home page listing saved projects. Supports opening a folder via the File System API, creating a demo project, and removing projects from the local index.

IndexedDB persistence for project metadata (not file contents). Manages the list of known projects with CRUD operations, slug generation, and last-opened tracking.

Main editor page for a loaded project. Wraps `ProjectLayout` with the editor toolbar, chart panels, and a ScrollableCanvas timeline.

A generic scrollable canvas component that renders objects using a delegate (behavior) pattern. Designed to be completely decoupled from any editor logic.

Test page for the ScrollableCanvas component. Accessible at `/test/scrollable-canvas`. Uses a controller + nanostores pattern so the behavior factory is stable and the canvas never remounts. Arrangement mimics VSRG: blocks stack from bottom to top, content height is the bottom edge of the bottommost block, and scroll starts at the bottom.

Tabbed panel component for the editor sidebars. Renders a gradient header with clickable tabs and a content area that switches between the active tab's children.

Pure, headless timing engine for computing measure boundaries, snap grid points, and pulse↔seconds conversion from BPM changes and time signature events. All functions operate on plain numeric pulse positions. There is no dependency on React, the DOM, or ECS entities.

Sonner toast provider and `useToast()` hook for displaying ephemeral notifications (success, error, info) across the app.

Ribbon-style toolbar components for the editor. Provides `Toolbar`, `ToolbarGroup`, `ToolbarButton`, `ToolbarDropdown`, `ToolbarDivider`, and `TransportDisplay`.