DESIGN STATE SNAPSHOT — 2026-03-11

Top of file should contain only:
1. UTF-8 charset
2. generic fallback <title>
3. short build comment
4. short source-files comment
5. startup script block as high in the source as technically possible

Preferred top-of-file pattern:

<meta charset="UTF-8" />
<title>Open Source 8K & 4K Media Wall</title>
<!-- Build: index_beta_2026-03-11-v01.html -->
<!-- Source files: https://8k.art/beta -->

Then immediately beneath that:

window.MyAnythingListConfig = { ... };

const BUILD_FILE = "index_beta_2026-03-11-v01.html";
const ProjectSourceURL = "https://8k.art/beta";
const PageTitle = "Open Source 8K & 4K Video Walls • MyAnythingList • Interactive Media Navigator";
const HeaderText = `...`;
const FooterText = `...`;

Architecture rules:

1. window.MyAnythingListConfig is only for real runtime state / startup defaults / URL-mirror values.
2. PageTitle, ProjectSourceURL, HeaderText, FooterText, and BUILD_FILE are separate top-level startup variables beneath the config.
3. Branding/template text is not part of recreate-state URLs or exported state objects.
4. Header/footer visibility toggles remain in config:
   - ShowHeaderText
   - ShowFooterText
5. Actual header/footer text content does not belong in config.
6. Browser page title should be set from PageTitle in JavaScript so the same file can remain index.html everywhere.
7. Header and footer DOM content should be injected on startup from HeaderText and FooterText.
8. Long iteration-history comments at the top of the file are retired.
9. Top comments should contain only:
   - Build
   - Source files URL

Naming decisions:

- Max_Visible_Panels is being renamed to Max_Grid_Columns because that name is more accurate.
- Temporary compatibility support for older Max_Visible_Panels references is acceptable during transition.
- Mode and Immersive are likely deprecated; if retained at all, they should be treated as legacy compatibility fields, not preferred architecture.

Template strategy:

1. The generic open-source version should work unchanged as index.html.
2. DEFINE.COM or other branded versions should mainly override:
   - PageTitle
   - HeaderText
   - FooterText
   - optionally ProjectSourceURL
3. The generic template should not require source edits just to change the browser title.
4. Dense inline color-coded HTML strings are preferred for HeaderText and FooterText, not one-word-per-line formatting.

Intent:

The project should remain a reusable single-file prototype that can be dropped onto 8k.art, local disk, classrooms, kiosks, forks, and downstream branded deployments with minimal editing.