# flove · Standards — the matrix (stable index)

The stable index of the flove frontend standards. This file changes rarely: it
only **names** each standard and points to where it's specified. The full text
lives once — in `frontend.md`, or, for the biggest standards, in its own
`frontend/<topic>.md`; keep descriptions *there*, not here. An
interactive, navigable **vocabulary matrix** (labelers × slots, the file `/vocaby` fills) is [`vocabulary/index.html`](vocabulary/index.html) (renamed 2026-08-03 from `flove-tiers-matrix.html`, moved 2026-09-08 to `vocabulary/`).

**The three files of this sub-book:**

| File | What | Nature |
|------|------|--------|
| [`contract.md`](contract.md) | the **mandatory** rules (§0–8) every app follows | short · stable · non-negotiable |
| [`frontend.md`](frontend.md) | the **opt-in catalogue** (§13) + regions · elements · conventions | long · grows |
| [`adoption.md`](adoption.md) | the **per-app checklist** (§14) — who adopted what | a living table |
| [`persistence.md`](persistence.md) | the **strategic persistence plan** — ephemerall standard meets real-world needs | flove case study |
| [`central.md`](central.md) | the **Central distro standards** — app structure, API contract, extension bridge, nav, auth, sync | distro-specific |

**Implementation plans & cross-plan conflicts** live in [`debates/plans/`](debates/plans/). Check [`debates/plans/conflicts.md`](debates/plans/conflicts.md) before starting work.

## The catalogue at a glance (§13 → `frontend.md`)

Standards with their own deep chapter link to `frontend/…`; the rest live inline in `frontend.md`.

| § | Standard | One line |
|---|----------|----------|
| 13.1 | [**Tier model**](frontend/tiers.md) | 7 tier slots as separate files + `tier-pop` nav |
| 13.2 | **i18n** | pure-CSS `.t-en`/`.t-es` swap; shared `flove:lang` default |
| 13.3 | **Forms-in-iframe** | user-extensible: newlabeler / newwizard / newlanguage / newsound |
| 13.4 | **Compass** | re-presents contents *within* the current surface |
| 13.5 | **Topbar** | which controls the topbar carries, per tier |
| 13.6 | **Onboarding** | **MANDATORY** — loud first time, discrete after |
| 13.7 | [**Canonical vocabulary**](frontend/vocabulary.md) | `entry-` `labeler-` `wizard-` `step-` … (was `ray-`/`bot-`) |
| 13.8 | [**Counters**](frontend/counters.md) | floating arcade chips; gated `tier-pop` unlocks |
| 13.9 | [**Summary panel**](frontend/summary.md) | phrase + insights + views + cycles + download |
| 13.10 | **Nav-tab title** | `<App> · FLOVE` (favicon · name · brand) |
| 13.11 | **Surfaces** | the medium axis (hardware · 2D · 3D · AR · VR) |
| 13.12 | [**Export & share**](frontend/export.md) | one *summary-model* → 6 formats (`md·json·xml·html·jpg·csv`) + Web Share |
| 13.13 | **Locking** | method (Low · Mid · High) × trigger (pass · threshold) |
| 13.14 | **Contrast / theme** | light↔dark ◐ toggle; shared `flove:theme` key |
| 13.15 | [**Publish to Appy**](frontend/publish.md) | app → profile bridge (`flove-appy.js`): writer trio + reader + appy/wizy/more; localStorage + manual-upload fallback |
| 14 | **Adoption checklist** | per-app table → [`adoption.md`](adoption.md) |

The `§13.x` labels are **canonical** — references across the whole context book
resolve to them here, regardless of which file physically hosts the section.
**Central apps** (`central/apps/`) are the canonical spec; the **Solo** distro
(`solo/`, local-first) is the reference fallback — see
[`solo/README.md`](solo/README.md).

*If a standard outgrows `frontend.md`, split it to `frontend/<topic>.md` and
leave a pointer in that file and in this table — deepen without moving the index.*

## Working with these standards

The standards are the **dev-docs** chapter of flove. They live in the
`development/standards/` book (published at `flove.org/development/standards/`) —
the canonical home of the whole context pack (docs · standards · theory). This
`standards/` folder is that home's source of truth.

- **Consult** — open `development/standards/index.html` and use its sidebar +
  built-in search, or ask the **agent search**: the knowledge base under
  `docs/theory/kb/` indexes the whole corpus, these standards included. It runs
  on FTS keyword search out of the box (`python3 ingest.py --reset` to rebuild,
  `retrieve.py` / `serve.py` to query); semantic embeddings are optional and
  **kept off for now**, so no heavyweight model is needed.
- **Edit** — change the `.md` file that *owns* the fact (one home per fact; every
  other file points to it). Edit the markdown here — the standalone
  `standards-tour.html` page is maintained separately, so don't hand-edit it to
  change a standard. When you add or rename a doc, update `development/standards/_sidebar.md`
  so it shows in the docsify nav.
- **Publish** — commit + push (scoped) to Gitea `marc/flove`; the live site
  updates via a separate `updaty-web`. The Android TWA app updates via `updaty-apk`
  (rebuild + GitHub Release); content updates automatically (web wrapper).

## Development tools

### Interview pattern (questy-html)

Design-question interviews follow a standardized HTML form pattern (reference:
`flove-decisions-interview.html`). Key conventions:

- **"don't keep" checkbox** per question — excludes the question from the copied
  prompt and frozen HTML. State stored as `qN_skip` in localStorage.
- **History button** — appends kept answers (timestamped) to `localStorage`.
  A `buildMakingOf()` function generates a standalone `decisions.html` from this
  history, which feeds into `development/standards/decisions/decisions.html`.
- **localStorage keys**: `qN` (picks), `qN_skip` (boolean), `__intent`,
  `__extra`, `__addon`, `flove-history`.
- **Bar buttons**: ★ suggested, expand all, clear, save frozen HTML, copy prompt,
  save to history.
- Full spec in `~/.agents/skills/questy-html/SKILL.md` §Standardized Interview Pattern.