UI minor brush ups
This commit is contained in:
parent
67ccf91e6f
commit
5233481f06
3 changed files with 87 additions and 48 deletions
|
|
@ -114,3 +114,37 @@ Current: implementation screenshot (sparse real data, 3 emails).
|
|||
## Visual rule
|
||||
|
||||
Every component: **absent → present → interactive**. Zero data reduces complexity; real data increases density. **No state change may alter row dimensions.**
|
||||
|
||||
---
|
||||
|
||||
## 11. Post-thickening review (current vs reference)
|
||||
|
||||
After increasing AG Agent panel weight (wider rail, thicker borders/shadows, 44px quick actions, unified notes footer), these gaps remain:
|
||||
|
||||
| Area | Expected | Current | Still needed |
|
||||
|------|----------|---------|--------------|
|
||||
| **Populated agent state** | Full dashboard with metrics, agenda, needs attention | Empty state only (no real signals in 3-email inbox) | Correct behavior — verify with meeting/invoice/action-item emails |
|
||||
| **Metric card copy** | "12 Important emails" inline with icon | Number on own line above label | Optional: inline number + label like reference |
|
||||
| **Panel header** | Collapse chevron on right | Static header | Add optional collapse affordance |
|
||||
| **Quick action colors** | Each button has distinct icon tint (sparkle, pencil, search, list) | Only first two are purple-tinted | Tint all four icon containers subtly |
|
||||
| **Agenda rows** | Clickable with chevron, colored left bar | Styled but no navigation | Wire `View calendar` + row click handlers |
|
||||
| **Needs attention** | Company avatars with brand colors | Initials via SenderAvatar | OK when diverse senders exist |
|
||||
| **Ask input** | Send button outside input on right | Send inside input row | Minor — reference shows external send pill |
|
||||
| **Notes footer** | Attached to panel, flower icon | Pin icon, now visually attached ✓ | Swap icon to match reference if desired |
|
||||
| **Inbox rows** | Brand logos, label column alignment | Self-sent SD avatars dominate | Needs diverse real senders |
|
||||
| **Category badges** | Non-zero unread per tab | Hidden when zero ✓ | Will appear with unread mail |
|
||||
| **Sidebar badges** | Inbox, Drafts, labels, Action Items | Only Clients 1 | Wire remaining counts from API/stats |
|
||||
| **Sidebar More** | Expands hidden labels | Toggle present, no expansion | Implement label overflow list |
|
||||
| **Pagination** | `1–10 of 243` | `1–3` without total | Needs total count from API |
|
||||
| **Row overflow menu** | Three-dot at row end | Missing | Add optional overflow column |
|
||||
| **Micro-interactions** | Compose press, category hover, selected row coral | Partial | Polish pass on remaining hovers |
|
||||
|
||||
### Thickening changes applied
|
||||
|
||||
- Rail width: 292–308px (was 270–288px)
|
||||
- Agent panel: heavier shadow, stronger border, 20px top padding
|
||||
- Quick actions: 44px height, 11px semibold labels, no ellipsis truncation
|
||||
- Caught-up card: stronger green tint + inset highlight
|
||||
- Stat cards: gradient fills, 1px tinted borders, 24px numbers
|
||||
- Notes: attached footer card (shared border with agent panel)
|
||||
- Ask input: 42px, white fill, focus ring
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue