StavyStates

Audit-cards stránka — každá vícestavová alternativa je zde vykreslena živě s reálným CSS, vedle sebe pro porovnání. Slovník: alternativa = konkurenční návrhy (vybíráš), stav = stejný návrh za jiných podmínek (systém určí), případ/cesta = uživatelská cesta napříč stránkami.Audit-cards page — each multi-state alternative is rendered live here using real CSS, side-by-side for comparison. Vocabulary: alternative = competing designs (you pick), state = same design under different conditions (system decides), case/journey = user path across pages.

Stavy karty bojleruHeater card scenarios

Devět scénářů karty bojleru ze spec/device-card-states.md sekce 2 — všechny vykreslené pomocí generátoru (tools/generate-states.js). Tři (S2, S4, S6) jsou aktuálně napojené na flow stránky a mají odkaz „Otevřít živě“; ostatní šest (S0, S0u, S1, S3, S5, S7, S8) jsou vykreslené pro designovou referenci, ale zatím nejsou v žádném toku.Nine heater-card scenarios from spec/device-card-states.md Section 2 — all rendered via the generator (tools/generate-states.js). Three (S2, S4, S6) are currently wired into flow pages and carry an "Open live" link; the other six (S0, S0u, S1, S3, S5, S7, S8) are rendered for design reference but not yet sourced from any flow.

S0 — neznámý kódS0 — unknown code

Anonymní uživatel zadá kód, který není v databázi YG. Karta zobrazuje zadaný kód v záhlaví, odznak "nerozpoznáno" (warn-amber) a tělo: "Tento kód neznáme. Zkontrolujte štítek nebo dokončete nastavení v aplikaci YG." Žádné CTA — chybový stav.Anonymous user enters a code not in YG's database. Heading echoes the entered code, badge "not recognized" (warn-amber) and body: "We don't know this code. Check the label or finish setup in the YG app." No CTA — error state.

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

YG7A2KYG7A2K nerozpoznánonot recognized

Tento kód neznáme. Zkontrolujte štítek nebo dokončete nastavení v aplikaci YG.We don't know this code. Check the label or finish setup in the YG app.

S0u — nespárováno (případ A)S0u — unpaired (Case A)

Anonymní uživatel zadá kód existujícího YG zařízení, které ale není přiřazeno k žádnému bojleru. Karta zobrazuje zadaný kód, odznak "nespárováno" (warn-amber) a tělo: "Toto zařízení zatím není na bojleru. Kontaktujte instalatéra." Slepá ulička — bez CTA.Anonymous user enters a code for a YG device that exists but isn't paired with a water heater. Heading echoes the code, badge "unpaired" (warn-amber) and body: "This device isn't on a water heater yet. Contact your installer." Dead end — no CTA.

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

YG7A2KYG7A2K nespárovánounpaired

Toto zařízení zatím není na bojleru. Kontaktujte instalatéra.This device isn't on a water heater yet. Contact your installer.

S1 — claim-pending (případ B)S1 — claim-pending (Case B)

Anonymní uživatel přišel z e-mailového odkazu k zařízení, které již nainstaloval třetí subjekt (instalatér). Spárováno + měří se, ale karta je za zámkem dokud uživatel nenastaví heslo. Odznak "nastaveno instalatérem · převzít přístup" (info), CTA "Převzít účet".Anonymous user arrived from an email link for a device already installed by a third party (installer). Paired and measuring, but the card is locked until the user sets a password. Badge "set up by installer · claim to access" (info), CTA "Claim account".

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

Bojler v koupelněBathroom water heater nastaveno instalatérem · převzít přístupset up by installer · claim to access

Nastavte heslo pro převzetí tohoto zařízení a odběrného místa.Set a password to take ownership of this device + supply point.

S2 — anonymní, bez OM, spárovánoS2 — anon, no supply, paired

Anonymní uživatel (případ C) zadal kód YG zařízení. Karta bojleru s odznakem "spárováno" + výzvou k registraci. Tělo: "Bez odběrného místa zatím neměříme." CTA "Zapnout na 3 dny" + odkazy Přihlásit se / Registrovat se.Anonymous user (Case C) entered a YG device code. Heater card with "paired" badge + sign-up prompt. Body: "We're not measuring yet — no supply point." CTA "Turn on for 3 days" + Log in / Sign up links.

Použito na overview.html — krok 2 V2 toku.Used on overview.html — step 2 of V2 flow.

Otevřít živě (krok 2) →Open live (step 2) →
S3 — anonymní boost (3 dny)S3 — anon boost-on

Anonymní uživatel klepl na "Zapnout na 3 dny". Relé sepnuté do uvedeného času. Odznak "aktivní · zbývá 2d 12h" (success-green), tělo "Bojler je zapnutý do [So 17:00]. Před koncem se zaregistrujte, abyste si data uložili." CTA "Registrovat se".Anonymous user tapped "Turn on for 3 days". Relay closed until stated time. Badge "active · 2d 12h left" (success-green), body "Heater is on until [Sat 17:00]. Sign up before it ends to keep the data." CTA "Sign up".

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

BojlerWater heater aktivní · zbývá 2d 12hactive · 2d 12h left

Bojler je zapnutý do So 17:00. Před koncem se zaregistrujte, abyste si data uložili.Heater is on until Sat 17:00. Sign up before it ends to keep the data.

S4 — přihlášen, bez OM, spárovánoS4 — logged-in, no supply, paired

Přihlášený uživatel se zadaným kódem zařízení, ale bez dokončeného průvodce nastavením (žádné odběrné místo). Karta bojleru s odznakem "spárováno" a tělem "Bez odběrného místa zatím neměříme." Primární CTA "+ Přidat odběrné místo" (mimo kartu, na uvítací kartě níže).Signed-in user with a device code but no completed setup wizard (no supply point). Heater card with "paired" badge and body "We're not measuring yet — no supply point." Primary CTA "+ Add supply point" (outside the card, on the welcome card below).

Použito na dashboard.html (prázdná větev) — krok 5 V2 toku.Used on dashboard.html (empty branch) — step 5 of V2 flow.

Otevřít živě (krok 5) →Open live (step 5) →
S5 — měří se, žádná historieS5 — measuring, no history yet

Přihlášený uživatel s odběrným místem a čerstvě spárovaným zařízením. Bojler měří, ale ještě nemáme dost dat na agregáty. Odznak "měří se · sbíráme první data" (success-green), tělo "První údaje za chvíli — historie spotřeby naběhne během prvního týdne." CTA "Zapnout na 3 dny". Metriky skryté dokud nepřijde první denní souhrn.Logged-in user with supply point + freshly paired device. Heater is measuring but we don't have enough data yet for aggregates. Badge "measuring · collecting first data" (success-green), body "First readings coming in — consumption history will appear during the first week." CTA "Turn on for 3 days". Metrics hidden until the first daily aggregate is available.

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

Bojler v koupelněBathroom water heater měří se · sbíráme první datameasuring · collecting first data

První údaje za chvíli — historie spotřeby naběhne během prvního týdne.First readings coming in — consumption history will appear during the first week.

S6 — měřím (plně nastaveno)S6 — measuring (fully set up)

Plně nastavený stav: přihlášený uživatel s odběrným místem + zařízením. Karta bojleru s uživatelským názvem, odznakem "měřím" (success-green), měsíčními metrikami a CTA "Zapnout na 3 dny".Fully set up state: logged-in user with supply point + device. Heater card with user-set name, "measuring" badge (success-green), monthly metrics and CTA "Turn on for 3 days".

Použito na dashboard.html (naplněná větev) — krok 7 V2 toku.Used on dashboard.html (populated branch) — step 7 of V2 flow.

Otevřít živě (krok 7) →Open live (step 7) →
S7 — pozastavenoS7 — paused

Přihlášený uživatel pozastavil bojler ručně. Odznak "pozastaveno" (warn-amber), tělo "Plán pozastaven. Poslední odečet 14:22 dnes." CTA "Obnovit plán".Logged-in user manually paused the heater. Badge "paused" (warn-amber), body "Schedule paused. Last reading 14:22 today." CTA "Resume schedule".

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

S8 — offlineS8 — offline

Zařízení ztratilo signál. Odznak "offline · naposled před 2 h" (danger-red), tělo "Bojler ztratil signál. Zkontrolujte napájení a Wi-Fi u bojleru." CTA "Diagnostika".Device lost signal. Badge "offline · last seen 2h ago" (danger-red), body "Heater lost signal. Check power and Wi-Fi at the heater." CTA "Troubleshoot".

Zatím nevykreslováno v žádném toku — designová mezera.Not yet rendered in any flow — design gap.

Bojler v koupelněBathroom water heater offline · naposled před 2 hoffline · last seen 2h ago

Bojler ztratil signál. Zkontrolujte napájení a Wi-Fi.Heater lost signal. Check power and Wi-Fi.

V5–V8 — Karta zařízení (přihlášený + mezera)V5–V8 — Device card (logged-in + gap)

Karta zařízení v rámci nástěnky (V16 naplněná). Stav "odhlášený" zatím neexistuje — placeholder vlevo.Device card as it appears inside the populated dashboard. The "logged-out" state doesn't exist yet — placeholder on the left.

odhlášený (mezera)logged-out (gap)

Mezera. Anonymní cesta (Případ A) potřebuje variantu karty bez čísel/akcí, jen s pozváním k přihlášení. Žádný markup zatím.Gap. Anonymous journey (Case A) needs a card variant without numbers/actions, just an invitation to sign in. No markup yet.

— bez markupu —— no markup yet —
přihlášenýlogged-in

Současný výchozí stav — uživatel je přihlášen, vidí spotřebu, akce, metriky.Current default — user is signed in, sees consumption, actions, metrics.

/#v5 #v6 #v7 #v8

Jednostavové alternativy (zatím nic k porovnání)Single-state alternatives (nothing to compare yet)

Tyto alternativy mají dnes jediný stav. Pokud tok odhalí nový stav, přidá se sem další buňka pro porovnání.These alternatives have a single state today. If a flow exposes a new state, another cell will be added here for comparison.

  • V1–V4 zadání kóduV1–V4 device code entry Jediný stav. V3 (Expandable) je vybraná alternativa pro produkční tok.Single state. V3 (Expandable) is the chosen alternative for the production flow. /#v1 #v2 #v3 #v4 /storyboard/code.html
  • V9 registraceV9 registration E-mail + telefon + heslo. Pokud je e-mail v paměti, automaticky se předvyplní.Email + phone + password. If email is in storage, it auto-prefills. /#v9 /storyboard/signup.html
  • V10 průvodce nastavenímV10 setup wizard 3 kroky: Odběrné místo → Bojler → Shrnutí. Vedlejší krok mimo hlavní tok.3 steps: Supply point → Water heater → Summary. Side step off the main flow. /#v10 /storyboard/setup.html
  • V11 přihlášeníV11 login E-mail + heslo s ukázat/skrýt. Vrácený uživatel.Email + password with show/hide. Returning user. /#v11
  • Ověření e-mailu (v2)Email verification (v2) Šestimístný kód, na konci flow. Ve v1 zatím není alternativa.Six-digit code, end of the flow. No v1 alternative yet. /storyboard/verify.html
  • V14 zařízení připojenoV14 device connected Jednorázová potvrzovací stránka. Toast přesunut do nástěnky.One-shot success page. Toast migrated to the dashboard. /#v14
  • V15 anonymní přehled (návrh)V15 anonymous overview (proposed) Zatím nepostavena ve v1. Případ A v ROADMAP.Not yet built in v1. Case A in ROADMAP. /storyboard/overview.html