jobtrackingapp/docs/cv-redesign/research/02-component-interaction-inventory.md

Component and interaction inventory

Research dates: 20–21 October 2026. FlowCV evidence is passive REA observation of the user-operated browser. Jobjakt evidence is source inspection at b2a9fd68b081a8cc1701b1c58eaea7e1070274af, branch codex/ui-redesign-phase4. No Jobjakt runtime checks were performed.

Verified identifies observed UI or explicitly identified source behavior. Inferred identifies an interpretation. Not Tested is not a claim that a feature is missing. Screenshots and selected DOM/accessibility extracts are linked from the audit.

FlowCV components

Component	Observed interaction and states	Evidence	Classification / limits
Dashboard navigation	Resume, Cover Letter, Job Tracker; active destination highlighted	D1, L1, L10	Verified; destination behavior beyond research targets Not Tested
Document card	Page thumbnail, title, relative edited time, A4 metadata, overflow	D1, D2, L10	Verified; thumbnail exposes document text through AX too
Resume card actions	Edit title, Duplicate, AI translate Beta, Download, Delete	D2	Verified presence; only duplication was subsequently attempted
Creation surface	Large new-document tile; blank letter or gallery starting points	D1, L1–L2	Letter blank creation Verified; resume creation occurred before capture
Editor navigation	Overview / Content / Customize / AI Tools; document switcher / Download / overflow	E1–E2, E19–E20	Verified; letters use Content / Customize
Content outline	Collapsible typed sections, entry rows, Add Entry, Delete section, Add Content	E1, E5	Verified presence; deletion not invoked
Section catalogue	Summary, Skills, Languages, Professional Experience, Education, Certificates, Awards, Courses, Projects, Interests, References, Declaration, Publications, Organisations, Custom	E1, E5	Existing section headings Verified. Current chooser omitted Summary/Declaration; reason unknown
Add Content chooser	Icon/title/description tiles in modal; choosing Projects opens a new entry for existing section	E5–E7	Verified transition; no general duplicate-section rule established
Experience form	Employer autocomplete, job title, location, month/year dates, link action, rich text, Tips, hide/delete icons	E2	Verified presence; autocomplete and hide/delete effects Not Tested
Date picker	Present switch, month/year selectors, remove month/year choices	M4	Verified; year restriction user-observed; same-year reversed month accepted into form
Rich text	Bold/italic/underline/bullets/link/alignment; AI shortcuts in resume form	E2, L6	Controls Verified; bold letter paragraph appears in both editor and preview; not all formatting actions tested
Automatic saving	Entry PATCH and letter-body POST succeed while forms remain open before Done	E3, L6	Network metadata Verified; autosave interpretation Inferred; no durability/race proof
Save feedback	User saw no feedback during sampled resume edits; final snapshots lack saving/saved text	E3, E7	Verified bounded observation; transient indicators may have been missed
Section presentation	Job-title/employer order; group promotions	E4–E5	Order change Verified; grouping effect Not Tested
Design navigation	Document, Templates, Layout, Font Size, Spacing, Entries, Headings, Font, Colors, Header, Photo, Links, Footer, Sections	E7	Verified presence; most individual effects not tested
Gallery	Filter chips, named sample cards, large detail preview, separate Use this template action	E8–E10	Verified; filter result behavior Not Tested
Template application	Changes bundle of layout, order, typography, spacing, margins and colors; observed content retained	E10	Verified for one template and synthetic document
Undo/redo	Left arrow restores previous design; right arrow reapplies template; new project retained	E11–E12	Verified for template operation; scope/depth/content history Not Tested
Layout ordering	Dotted grips, rows move aside, preview order follows drop	E12–E13	Verified; keyboard instructions present, keyboard success Not Tested
Columns	One / Two / Mix; header position and column widths	E7, E12	Verified controls; template application exercised one/two configurations, direct Mix behavior Not Tested
Typography	Base size and offsets; 10.5→11pt increment; font list with serif/sans/mono groups	E14–E16	Increment Verified. Hover preview user-reported; temporary state not independently captured
Page preview	Desktop adjacent pages; narrow overlay stacks scaled pages; two page surfaces observed	E14, M2	Verified; dedicated zoom not observed in inspected states; pinch/zoom Not Tested
AI tool hub	Translate, Improve, Draft Cover Letter, Generate Summary, grammar check	E16–E17	Entry points and Pro gate Verified; input forms/results behind gate Not Tested
Export	Spinner reported; PDF response 200; resume success popup; letter PDF response 200	E18, L10	Verified metadata/user report; downloaded files not opened
Document switcher	My Resumes popover, Duplicate, More actions, Add Resume	E20–E21	Verified; duplicate blocked by one-document plan limit
Versions	No revision selector seen in sampled menus	D2, E19–E21	Not Tested overall; no absence claim
Mobile content	390×840 single column; Menu header; fixed Preview/Add Content	M1	Verified emulated viewport, not real-device acceptance
Mobile form	Paired dates, stacked fields, alignment dropdown, fixed Preview/Done	M3	Verified; real keyboard/touch/rotation Not Tested
Letter anatomy	Sender, date, recipient, subject, body, signature cards	L2	Verified; recipient/subject/signature forms not exercised
Sender reuse	Select resume, replacement warning, disabled-until-selected action, explicit copy	L3–L5	Verified; live synchronization Not Tested
Design reuse	Separate resume source picker and replacement scope; compatible settings copied without losing letter text	L7–L9	Verified; full setting identity and live linking not established

Accessibility observations to retain in the proposal

Observation	Evidence	Status
Dashboard overflow and some editor/icon/increment buttons expose empty names	D1–D2, E2, E7, E14	Verified snapshot finding
Both date inputs are named MM/YYYY despite different visible labels	E2, M3–M4	Verified snapshot finding
Some custom modals expose an empty dialog name, and underlying controls remain in AX	E5, E8–E9	Verified structure; focus containment Not Tested
Editor overflow exposes actual menuitem roles	E19	Verified; avoid generalizing all menus as deficient
Drag instructions describe Space / arrows / Escape	E1, E7	Verified affordance; keyboard behavior Not Tested
Drop announcement says position 3→3 despite observed changed order	E13	Text Verified; misleading-announcement diagnosis Inferred
Letter body textbox has no accessible name	L6	Verified snapshot finding

Interaction rules worth considering for Jobjakt

1. Keep editing and document output adjacent where space permits; offer a deliberate preview mode on narrow screens.
2. Separate browsing a design from committing it; preserve content and offer reversible application.
3. Keep content-copy and design-copy operations distinct, with clear replacement scope.
4. Reflect reorder results in both outline and document; provide a visible keyboard alternative and accurate announcements.
5. Make successful saves and failed saves legible. Successful HTTP responses alone are not sufficient user feedback.
6. Keep job, document and source-profile ownership explicit. Jobjakt already has stronger application context than the observed standalone FlowCV workflow.

These are design recommendations, not findings that Jobjakt lacks the corresponding capability.