tracker

3.8 KB

1. # Mission 005 (old 047) — tracker: re-vendor Hybriel master (fixes invisible checks) + mobile-first styles
3. App: loreana:/media/STORAGE/projects/tracker.worldapi.org. Rules as mission 002 (old 041) (read it). Ports 8720–8731.
5. ## The bug (live, the creator: "i dont see the check marks")
6. After a CLIENT-SIDE navigation (e.g. /my/shows → click a show title), the check icons are invisible: the check `<svg>`
7. is created in the XHTML namespace (`document.querySelector('button.checkicon svg').namespaceURI` =
8. `http://www.w3.org/1999/xhtml`, circle width 0). A direct load (server-rendered) shows them. Hybriel master fixed
9. client-built SVG (namespace + camelCase tags) on 2026-09-30.
11. ## Do
12. 1. Re-vendor Hybriel master (≥ ff51cf46; includes #113 b08384e8, #115/#116 428bc56c/6b721937, #118 f5d709a4, the SVG
13. fix, hl:markdown): build read-only from `git -C /media/STORAGE/projects/hybriel archive master` (ReleaseFast, as the
14. hybriel README / earlier re-vendor antcolony missions 035–037 in /CONTAINERS/projects/antcolony/missions/ describe), back up
15. bin/ + plugins/ to .scratch/pre-047/, copy the new binary + plugins. README: new Hybriel commit.
16. 2. Gate: add a check that navigates CLIENT-SIDE from /my/shows to a show and asserts the check svg's namespaceURI is
17. `http://www.w3.org/2000/svg` and the circle has a width > 0 (must FAIL on the old vendored build — prove that
18. once — and pass on the new). All existing checks green.
19. 3. Duplicate-id check (hybriel#113: existing duplicates stay): on a COPY of the live storage (mission 002 (old 041) procedure),
20. count duplicate `@id`s per table; report numbers; fix nothing live.
21. 4. Mobile first (creator: "style is supposed to be mobile first"): rewrite styles.hl so the base rules are for a phone
22. (390 px) and wider screens are `@media (min-width: …)` additions. Fix what is wrong on the phone today, e.g. the
23. header wraps onto two lines (brand + ident selector + Log out must fit one row at 390 px). Check every page at 390 px
24. and 1280 px: /, /my/shows, /my/unwatched, /my/schedule, a show page — screenshots, LOOK at them.
25. 5. Real-data check on the copy as `az5b2` incl. a client-side navigation to a show: checks visible. Screenshots in
26. /tmp/w047/ on Loreana.
28. ## Report (short)
29. Hybriel commit, gate command + last line, the "fails on old build" proof, duplicate-id counts, what changed for mobile,
30. screenshot paths, open points, Hybriel issues. Foreground only; never wait for notifications.
32. ## Additions from the creator (2026-10-01, all part of this mission)
33. 6. Season headers: a caret at the right edge (down when open, right when collapsed), CSS/SVG, gate checks it flips.
34. 7. Episodes not indented — rows align with the season header.
35. 8. Phone show page: title first, then the poster at full content width, then genres/plot/cast; desktop unchanged.
36. 9. Artist links orange (#ce9178 token), not red.
37. 10. Unwatched check = inverted solid icon: outline circle AND outline check mark (not an empty circle); same for seasons.
38. 11. Checks also vanish after expanding/collapsing a season (same SVG cause) → gate checks namespace + size after
39. expand, collapse and an episode click.
40. 12. Follow toggle on the show page (signed in): "Follow" outlined (accent border) / "Following" filled; toggles the
41. user's follow (follow date = now); gate: follow → top of /my/shows, unfollow → gone, survives reload.
42. 13. Signed out: checks and Follow are VISIBLE; clicking opens a modal "You need to sign in to follow shows and mark
43. episodes" with sign-in + Close — use components.hybriel's components/modal/modal.hl (copy it as its README says);
44. nothing written signed out; gate covers it.
46. ## Restart note (w047b)
47. The first worker (w047) stalled at 01:19 after re-vendoring and building the SVG-namespace gate check (logs in
48. /tmp/w047/: old-build-gate.log, new-gate.log). Continue from the folder's CURRENT state: read STATUS.md/git diff and
49. /tmp/w047 logs first, don't redo what is done.