522 words
3 min read
Visual companion
View
Revision summary
What this note is really saying
Short form
later ig check report/analyse - reader view not working later problem not now fix - 1more zindex button addable - explain learn understand sub layers and things == π΄ Critical Issues 1. Mobile Bottom Nav β 3 items is too sparse You have 5 nav destinations (Home, Courses, Syllabus, Roadmaps, Hub) but the mobile nav o...
Visual strip
Relevant recall pieces for this note
later ig check report/analyse
- reader view not working later problem not now fix
- 1more zindex button addable
- explain learn understand sub layers and things == π΄ Critical Issues
-
Mobile Bottom Nav β 3 items is too sparse You have 5 nav destinations (Home, Courses, Syllabus, Roadmaps, Hub) but the mobile nav only shows 3. Users can't reach Roadmaps or Syllabus on mobile without a topbar hamburger menu which opens a massive drawer. This creates friction.
-
Right sidebar 450px on mobile = full screen takeover On a 390px iPhone, the right context panel at w-[450px] bleeds off screen. Should be w-full with a swipe-down or close button.
-
AI button + Scratchpad overlap risk Currently stacked at bottom-8 right-8 and bottom-8 right-28. On iPhones with 390px width this works but on older 320px devices they clip the edge. Also on desktop, they live in the bottom-right corner which collides with mobile nav on small desktops.
-
Zenith mode: redirect-on-no-path UX /zenith with no ?path= β redirects to /. This is jarring. It should show a "pick a file" empty state instead.
-
WorkspaceTabs missing for Zenith mode Zenith adds great Obsidian-style drill-down but the tab bar (WorkspaceTabs) wasn't included in zenith mode β meaning you can't navigate between open files.
π‘ Polish Gaps
6. Courses dropdown hover doesn't close on click The flyout stays open when you navigate β this is because clicking a <Link> inside a CSS group-hover flyout doesn't dismiss it. Needs a click-outside handler.
-
Footer only on homepage Course pages, Vault, Roadmaps β none have footers. The footer is actually solid, it should appear everywhere below the scroll area.
-
Page titles in Quartz mode still show courseId slug e.g. QUARTZ // MATHS1 instead of QUARTZ // MATHEMATICS I. The title metadata field needs to be set from the course name, not the URL id.
-
Mobile sidebar doesn't auto-close when link is clicked When a user taps a note in the left sidebar on mobile, the sidebar stays open, covering content.
π’ Feature Opportunities
10. Empty state for Vault/Zenith When you open Zenith with no file, or the assignment list is empty β there's no onboarding nudge. A simple "Press βK to search notes" prompt would close the loop.
-
Course status badges are static "ACTIVE" / "ARCHIVED" are hardcoded strings. These should dynamically derive from the current date vs. term schedule data you likely already have.
-
The Intelligence Hub says "Standby" 90% of the time On course listing pages and the homepage, the right panel shows "Standby". On mobile, tapping "Hub" also shows nothing useful. The Hub should surface course-relevant content (upcoming exams, recent notes) even when no note is loaded.
Bottom Line: The foundation is genuinely good β the brutalist aesthetic is cohesive and the data model is solid. The biggest UX debt is the mobile navigation gaps (items 1, 2, 3) and the Zenith empty-state redirect. Those are the quickest wins that would make the day-to-day experience on phone feel premium rather than broken.
Want me to tackle the mobile nav, Zenith empty state, or the title-from-course issue first?