# UI annotations — flasks
_page: / · viewport: 1038×747 · saved: 2026-06-01T15:48:15+00:00_
_Items are checkboxes: tick `- [x]` when you've actioned one. On a repeat “go”, skip already-ticked items. (This file is overwritten on the next Done.)_

## Here — points (numbered notes anchored to one element)
- [ ] 1. `div.page:nth-of-type(1) > div.dashboard > div.dash-toolbar:nth-of-type(2)` — i want to be able to sort filter by any column.  <!--id:vu59-->
   ↳ <div.dash-toolbar> · 1023×43px · font-size 14px · color rgb(226, 232, 240) · background rgb(19, 22, 31) · padding 9.6px 20px · text "Managed Servers Updated 11:43:58 AM ↻"
- [ ] 2. `div.page:nth-of-type(1) > div.dashboard > div.stats-bar:nth-of-type(1) > div.stat-cell:nth-of-type(1)` — move the stats into the top bar.  <!--id:u5ml-->
   ↳ <div.stat-cell> · 255×59px · font-size 14px · color rgb(226, 232, 240) · background rgb(19, 22, 31) · padding 11.2px 20px · text "📋 Total 14"
- [ ] 3. `div.page:nth-of-type(1) > div.dashboard > div.dash-toolbar:nth-of-type(2)` — include a card view  <!--id:upfw-->
   ↳ <div.dash-toolbar> · 1023×43px · font-size 14px · color rgb(226, 232, 240) · background rgb(19, 22, 31) · padding 9.6px 20px · text "Managed Servers Updated 11:44:53 AM ↻"
- [ ] 4. `div.srv-row:nth-of-type(2) > div.srv-row-main:nth-of-type(1) > div.srv-row-name:nth-of-type(2) > span.name:nth-of-type(1)` — never cut off an app name  <!--id:srb9-->
   ↳ <span.name> · 33×19px · font-size 14.08px · color rgb(226, 232, 240) · text "TagFactory"
- [ ] 5. `#server-grid > div.srv-row:nth-of-type(13) > div.srv-row-main:nth-of-type(1) > div.srv-row-name:nth-of-type(2)` — always have a description  <!--id:2ywk-->
   ↳ <div.srv-row-name> · 547×35px · font-size 14px · color rgb(226, 232, 240) · padding 8px 12px · text "DeckTrack"
- [ ] 6. `div.srv-row:nth-of-type(7) > div.srv-row-main:nth-of-type(1) > div.srv-row-actions:nth-of-type(7) > button.btn.sm:nth-of-type(3)` — allow deleting ony from the open card, and warn.  <!--id:ivcy-->
   ↳ <button.btn.sm.ghost> · 26×27px · font-size 11.84px · color rgb(136, 146, 164) · padding 4.8px 8px · text "🗑"
- [ ] 7. `#server-grid > div.srv-row:nth-of-type(8) > div.srv-row-main:nth-of-type(1) > div.srv-row-actions:nth-of-type(7)` — add a button that reveals of overlay is  active for this app  <!--id:ml2t-->
   ↳ <div.srv-row-actions> · 180×38px · font-size 14px · color rgb(226, 232, 240) · padding 5.6px 12px · text "▶ Start 📄 🗑"
- [ ] 8. `div.srv-row:nth-of-type(10) > div.srv-row-main:nth-of-type(1) > div.srv-row-name:nth-of-type(2) > span.name:nth-of-type(1)` — i want to have the uptime for each app, and the data last started too.  <!--id:k8i4-->
   ↳ <span.name> · 103×19px · font-size 14.08px · color rgb(226, 232, 240) · text "ImageRankPOC"