⚙️ Implementation: How should empty tabs (Vitto Tasks, Routing, Budget) display...

Date: 2026-02-17
Time: 19:23:08 UTC
Session: gspace1-111.2
Agent: angular
Confidence: 95%
Status: ✅ Documented

📋 Decision Context

Question:

How should empty tabs (Vitto Tasks, Routing, Budget) display when no data exists?

Task: Not specified

🎯 Decision Made

Chosen:

Replace bare zero-card layouts with informative empty state cards that explain what data will appear, when, and how to trigger it. Each tab has a contextual icon, title, description, and a hint box.

Options Considered:

• No alternatives documented

💭 Reasoning

Showing '0 tasks, 0 tokens, $0.00' with no context is misleading — users think the feature is broken. The empty states explain: (1) what the tab tracks, (2) why it's empty, (3) where to find existing data (AI Infrastructure tab). This follows UX best practices for progressive disclosure and reduces support burden.

📁 Files Involved

• libs/libs-ai/vitto-hub/src/lib/components/cost-dashboard/cost-dashboard.component.html
• libs/libs-ai/vitto-hub/src/lib/components/cost-dashboard/cost-dashboard.component.scss

🔗 Related

• Decision ID: dev_1771356188211_n502hah
• Session: 111
• Workspace: gspace1

Auto-generated by MCP Smart Consolidation