Skip to content

learning: rename to Atomic Education, design pass, interactive lessons - #705

Open
joepio wants to merge 2 commits into
mainfrom
claude/education-design
Open

joepio wants to merge 2 commits into
mainfrom
claude/education-design

Conversation

@joepio

@joepio joepio commented Oct 28, 2026

Copy link
Copy Markdown
Member

🤖 Generated with Claude Code

https://claude.ai/code/session_01AHutN3sUdZuXNuGu6i7hwf

What

  • Rename: the learning drive app's user-visible name becomes "Atomic Education" (catalog, strings nl/en, heading, README, lanes note, READINESS). Shortname learning, paths and ontology terms unchanged. Catalog entry stays enabled: false (ontology gate, see learning: enable Leerboom as an experimental drive app #704).
  • Version: 0.1.0 → 0.2.0, new apps/learning/0.2.0/ui.js; 0.1.0 untouched.
  • Design: host --t-* theme tokens (light and dark), tree fits the width (pans on mobile with a hint), level bands, faint edges with the selected skill and goal path in the accent colour, state markers that differ by shape and colour, legend, progress bar, detail card with state badge, advice callout, toggleable "I master this", path chips, lesson rows with icon, kind and duration, a real empty state; "Load starter tree" disappears once skills exist.
  • Interactive lessons: lesson-format: interactive with lesson-content pointing at a resource (e.g. an installed mini app) shows "Start"; an unlinked one offers a paste-and-link field. No ontology change. Starter tree's optics, magnetism and oscillation lessons renamed to "… (interactief)".

Verified

  • learning typecheck: pass; unit: 47 tests pass; e2e lane: 1 passed (extended with an interactive-lesson link)
  • node --test integrations/tooling/*.test.mjs: 238 pass; node --test ontology-kit/*.test.mjs: 130 pass
  • apps.mjs check --published origin/main: OK

Screenshots (desktop 1440 and 390px, light and dark) were shared with Joep in chat.

Not verified

"Start" against a real installed mini app (those come in a separate PR). Ontology descriptions still say "Leerboom" (generated files behind the gate).


Generated by Claude Code

joepio commented Oct 28, 2026

Copy link
Copy Markdown
Member Author

Complexity review at 7bbc73c: OK. Two points:

  1. A second UI kit. integrations/learning/app/styles.css gains 16 rules of its own for buttons, ghost/primary variants, chips, inputs and cards (.lb-btn, .lb-chip, .lb-input, .lb-card, ...). integrations/issue-tracker/app/ui/kit.css already is a generic pl--prefixed kit (580 lines) on the same host theme. Lift it to integrations/tooling/ and use it here, so the next app gets buttons and inputs that look the same instead of a third copy. Keep the tree-specific rules (.lb-band, .lb-edge, .lb-mark) local.
  2. lesson-format: interactive adds one more value to a free-string enum ("One of video, text, interactive, ..."). That is the same allowsOnly point as on Ontology v3: deck, cohort, assignment, submission, grade, question, assessment, attempt #700; best settled there, before more values ship.

Generated by Claude Code

Host theme tokens with dark mode, a tree that fits its width with layer
bands and highlighted edges, state markers, a card layout for the detail
panel, an empty state, and interactive lessons with Start and a link field.
@joepio
joepio force-pushed the claude/education-design branch from 7bbc73c to 0e3efe4 Compare November 9, 2026 12:21

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant