Dust.tt (@dust-tt/sparkle) Inspired 95% Warm Stone Neutral • 5% Semantic Dots

Thân thiện, Ấm áp & Không Màu Mè

Loại bỏ hoàn toàn hiệu ứng "cầu vồng" (tím, indigo, teal, hồng pastel, đám mây tag và hàng chục pill lọc chồng chéo). Hệ thống mới lấy cảm hứng từ Dust.tt: nền Warm Stone (#FCFBFA) dịu mắt, đường viền mảnh 1px, mỗi thẻ chỉ có 1 Avatar Squircle thân thiện, và dùng chấm tròn 6px (Status Dot) để báo trạng thái thay vì tô màu cả khối.

1. Bảng màu التوازن: Warm Stone & Chấm Trạng Thái 6px

Chỉ giữ lại 1 màu nhấn chính (Action Blue) và 3 chấm màu ngữ nghĩa (Emerald, Amber, Rose) trên nền trung tính.

--background (#FCFBFA) Nền giấy ấm Dust Stone, đọc lâu không mỏi mắt.

--sidebar / --muted (#F5F3EF) Nền thanh bên, ô tìm kiếm, badge trung tính và khối code.

--card (#FFFFFF) Thẻ Agent, Task, khung soạn thảo nổi nhẹ trên nền ấm.

--primary (#2563EB) Dành riêng cho nút hành động chính (CTA) và trạng thái đang chọn.

✓ Mới (Dust Style — Dịu mắt & Tinh tế) Khuyên dùng

Mọi nhãn (Badge) đều dùng chung nền trung tính --muted. Màu sắc chỉ nằm ở chấm tròn 6px bên trái:

Đã xuất bản Chờ duyệt Agent đang làm Bị chặn ($0.00) Kho vận & Chuỗi cung ứng

✕ Cũ (Quá màu mè — Đã loại bỏ) Loại bỏ

Trộn 6–7 màu nền bão hòa (Tím, Indigo, Teal, Hồng, Vàng, Xanh) cùng lúc trên 1 thẻ làm rối mắt:

📁 Dự án Indigo 🚩 Milestone Teal 🛡️ Reviewer Tím ⚡ Maker Cam

2. Hệ thống Thẻ Gọn Gàng (Agent • Skill • Task)

Mỗi thẻ chỉ hiển thị tối đa 3 điểm thông tin: (1) Avatar Squircle + Tên, (2) Mô tả 2 dòng, (3) Chân thẻ trung tính.

📦

Trợ lý Đối soát Tồn kho

@inventory-ops

Theo dõi sổ cái tồn kho thời gian thực, phát hiện giữ chỗ treo và đề xuất cân bằng tồn kho đa kênh.

Kho vận & Chuỗi cung ứng claude-sonnet-4

⚡

Cần phê duyệt Đã xuất bản

Kiểm toán Chênh lệch Tồn kho

/doi-soat-ton-kho

Tự động so khớp tồn kho thực tế với Shopify & ERP, xuất bảng chênh lệch.

Công ty • 42 lượt dùng

Cao Agent đang làm

Rà soát 18 đơn giữ chỗ treo SKU-8841

GEW-OMS Milestone Q4

@inventory-ops ➔ @audit-reviewer

Lần #1 $0.012

3. Không gian Làm việc Chung (Dust.tt Workspace & Quiet Composer)

Khung chat thoáng đãng, bước gọi công cụ thu gọn thành 1 dòng tinh tế, khung gõ lệnh không còn các nút màu xanh/đỏ/vàng gây nhiễu.

Đối soát Tồn kho Q4 Grounded

Claude Sonnet 4

Nhờ @inventory-ops kiểm tra mã SKU-8841 trên kênh Shopify.

📦

🔍 Đã tra cứu Q4_ATP_Ledger.md 142ms • Hợp lệ

Quyền truy cập: userAllowed = true && agentAllowed = true (Customer-Safe)

Phát hiện 18 đơn vị giữ chỗ quá hạn trên Shopify. Sau khi giải phóng, tồn kho khả dụng (ATP) tăng lên 230 đơn vị.

4. Pattern: Thêm Mô Hình AI (Chỉ hiện những gì cần thiết)

Bấm chọn nhà cung cấp để điền sẵn giá 1-Click. Khung nhập API Key chỉ mở ra khi bạn chọn cổng OpenRouter.

Model Preset

Context Window

Ước tính trong hạn mức $20

5. Mã CSS Tokens Chuẩn (Đã đồng bộ vào `src/client/styles/index.css`)

Bộ biến CSS tinh gọn, không còn các token màu phụ gây nhiễu.

:root {
  color-scheme: light;
  --background: #fcfbfa;       /* Dust Warm Stone Paper */
  --foreground: #1c1917;       /* Deep Stone Ink */
  --card: #ffffff;             /* Pure White Elevated Card */
  --sidebar: #f5f3ef;          /* Soft Stone Rail & Muted Pill */
  --muted: #f5f3ef;
  --muted-foreground: #78716c;
  --border: #e7e5e4;           /* 1px Hairline Divider */
  --primary: #2563eb;          /* Single Brand Action Accent */
  --success: #10b981;          /* Status Dot: Safe / Published */
  --warning: #f59e0b;          /* Status Dot: Review / 80% Quota */
  --danger: #e11d48;           /* Status Dot: Blocked / Rejected */
}