Eco-nav — Điều hướng chéo hệ sinh thái 4 Mẹ

Date: 2026-06-18 | Status: LIVE PREVIEW File dùng chung: /opt/incomex/docs/mcp-writes/ui-preview/eco-nav.js (live: …/ui-preview/mcp-writes/eco-nav.js)

Yêu cầu (Huyên)

Tất cả UI đã làm (MOW, MOT, MOUT builder, MOUT Master) là một hệ sinh thái — cần nút nối ở mọi nơi để đi tới phần còn lại. Khi xong MOIT cũng bổ sung ở mọi nơi.

Giải pháp (1 file dùng chung — sửa 1 chỗ, hiện mọi nơi)

• eco-nav.js: tự chèn nút nổi "Hệ sinh thái" (góc phải dưới, fixed) + panel liệt kê MOW · MOT · MOIT · MOUT · Master. Tự tô đậm trang đang xem (nhận diện qua filename), app chưa có (MOIT) để disabled "sắp có". Màu hardcode (#1d1d1f, brand #639922) để chạy cả trên trang không có biến CSS theme (vd MOW).
• Mỗi trang chỉ nối 1 dòng ở cuối: <script src="./eco-nav.js?v=1"></script> (append sau </html> vẫn chạy — parser đưa vào body).
• Đã nối: mow-unified-canvas-v2, mot-dashboard-v1, mot-studio-v1, mout-builder-v3, mout-home-v1.

CÁCH THÊM APP MỚI (vd khi xong MOIT)

1. Sửa mảng APPS trong eco-nav.js: đổi entry MOIT u:'' → u:'moit-xxx.html', cập nhật m:[...] (các filename thuộc MOIT) → tự bật link ở mọi trang.
2. Nối <script src="./eco-nav.js?v=N"> vào các trang MOIT mới.
3. Bump ?v=N để phá cache.

Lưu ý vận hành

• Máy chủ cache HTML/JS — sau khi sửa, bump query ?v= hoặc refresh cứng.
• eco-nav không đụng layout từng trang (chỉ phần tử nổi) → an toàn cho file lớn (MOW ~115KB) không cần dựng lại.
• MOUT builder/home vẫn giữ link inline trên topbar (Master ↔ Builder); eco-nav là switcher phổ quát bổ sung.

Khi sang MOIT: nhớ cập nhật APPS trong eco-nav.js + nối script — theo đúng đề nghị "bổ sung ở mọi nơi" của Huyên.