@piagent/platform 1.7.1 → 1.9.0

package/docs-site/content/whats-new.html

@@ -1,3 +1,91 @@
+<section class="section">
+  <p class="section-kicker">v1.9.0 · 2026-10-02</p>
+  <h2 id="v1-9-0">Nói việc bằng lời, Harness của team lo phần kiểm tra</h2>
+  <p class="section-lead">Bỏ task contract và các lệnh workflow: bạn giao việc như nói với đồng nghiệp, guard vẫn kiểm tra từng tool call. Chế độ công ty chạy qua Agent Studio và Agent Watch; Harness tự yêu cầu chạy check, cho subagent review và gửi lỗi chặn lại cho agent sửa. Xem <a href="/ecosystem">Hệ sinh thái</a>.</p>
+
+  <div class="benchmark-metrics" aria-label="Số liệu kiểm chứng bản 1.9.0">
+    <div class="benchmark-metric"><span>Kịch bản chạy thật</span><strong>13/13</strong><small>9 cá nhân, 4 chế độ công ty, trên bản cài cuối</small></div>
+    <div class="benchmark-metric"><span>Test tự động</span><strong>5.800+</strong><small>unit, integration và security; 0 lỗi</small></div>
+    <div class="benchmark-metric"><span>Test trình duyệt</span><strong>27/27</strong><small>dashboard và WebUI trên Chromium</small></div>
+    <div class="benchmark-metric"><span>Guard gọn hơn</span><strong>−854 dòng</strong><small>code chỉ phục vụ task contract (4993 → 4139)</small></div>
+  </div>
+
+  <figure class="shot">
+    <img src="/assets/shots/company-run-done.jpg" alt="Một lượt ở chế độ công ty: agent sửa code và chạy test, kết quả Check đã qua và Review không có lỗi chặn ghi dưới câu trả lời" loading="lazy" width="1600" height="1000">
+    <figcaption>Một lượt ở chế độ công ty: agent sửa code và chạy test, một subagent review bản sửa, kết quả ghi ngay dưới câu trả lời.</figcaption>
+  </figure>
+
+  <div class="grid cols-3">
+    <article class="card"><h3 id="freeform">Giao việc bằng lời thường</h3><p>Không còn <span class="inline-code">/workflow</span>, <span class="inline-code">/fresh</span>, <span class="inline-code">/onboard</span> hay task contract. Guard vẫn chặn file bảo vệ, kiểm profile quyền, file quá lớn, sửa trên bản đã cũ, và hỏi bạn trước push hay publish.</p></article>
+    <article class="card"><h3 id="harness">Harness của team</h3><p>Studio quyết định mỗi lượt cần kế hoạch, check và review ở mức gợi ý hay bắt buộc. Review do một subagent riêng làm; lỗi chặn được gửi lại cho agent trong số vòng sửa team đặt.</p></article>
+    <article class="card"><h3 id="network">Mạng theo lần duyệt</h3><p>Lệnh ở chế độ công ty chạy không mạng. Khi cần cài package, agent xin chạy đúng một lệnh có mạng; thẻ duyệt ghi rõ câu lệnh và bạn cho phép một lần.</p></article>
+    <article class="card"><h3 id="stop">Dừng và tiếp tục</h3><p>Nút Dừng có hiệu lực suốt lượt, kể cả lúc review đang chạy. Lượt bị dừng ghi rõ là đã dừng, không báo lỗi model; bấm Tiếp tục để làm tiếp từ các bước đã giữ.</p></article>
+    <article class="card"><h3 id="reconnect">Kết nối lại chế độ công ty</h3><p>Nếu phần chạy của công ty đang tắt (máy vừa khởi động, vừa cập nhật), cuộc trò chuyện báo rõ và có nút Kết nối lại ngay tại chỗ.</p></article>
+    <article class="card"><h3 id="local-state">Không lẫn vào git</h3><p>Thư mục <span class="inline-code">.pi/piagent-state</span> tự có <span class="inline-code">.gitignore</span>; trạng thái chạy không còn hiện trong <span class="inline-code">git status</span> của project.</p></article>
+    <article class="card"><h3 id="queue">Xếp hàng khi công ty bận</h3><p>Khi mọi tài khoản model của công ty đang bận, yêu cầu tự chờ tới lượt (tối đa 20 phút) thay vì báo lỗi. Lượt đang chạy hiện bước “Chờ tài khoản công ty rảnh”; nút Dừng vẫn dùng được.</p></article>
+    <article class="card"><h3 id="many-conversations">Nhiều cuộc trò chuyện cùng lúc</h3><p>Tạo hay gửi trong một cuộc trò chuyện không còn bị từ chối chỉ vì cuộc khác vừa đổi. Hai thư mục trùng tên (hai bản clone) hiện thêm vị trí để chọn đúng.</p></article>
+    <article class="card"><h3 id="model-scope">Dọn model không còn</h3><p><span class="inline-code">piagent-doctor</span> chỉ ra model đã cấu hình mà Pi không còn biết; <span class="inline-code">piagent-model-scope --prune</span> chỉ xoá đúng các dòng đó.</p></article>
+  </div>
+</section>
+
+<section class="section">
+  <p class="section-kicker">Ảnh từ dashboard</p>
+  <h2 id="v1-9-0-anh">Những gì thành viên thấy khi làm việc</h2>
+  <div class="shot-grid">
+    <figure class="shot">
+      <img src="/assets/shots/network-approval.jpg" alt="Thẻ duyệt một lệnh có mạng, ghi đúng câu lệnh npm install sẽ chạy" loading="lazy" width="1600" height="1000">
+      <figcaption>Duyệt một lệnh có mạng: thẻ ghi đúng câu lệnh và điều xảy ra khi cho phép hay từ chối.</figcaption>
+    </figure>
+    <figure class="shot">
+      <img src="/assets/shots/new-chat-models.jpg" alt="Chọn model khi mở cuộc trò chuyện mới: nhóm Công ty và nhóm Cá nhân" loading="lazy" width="1600" height="1000">
+      <figcaption>Cuộc trò chuyện mới: chọn model của công ty hoặc model cá nhân trong cùng một dashboard.</figcaption>
+    </figure>
+    <figure class="shot">
+      <img src="/assets/shots/company-review-running.jpg" alt="Đang review: thanh trên ghi Subagent 1/2 và nút Dừng vẫn còn" loading="lazy" width="1600" height="1000">
+      <figcaption>Review đang chạy: thanh trên ghi Subagent 1/2, nút Dừng vẫn hoạt động.</figcaption>
+    </figure>
+    <figure class="shot">
+      <img src="/assets/shots/personal-edit-test.jpg" alt="Một lượt cá nhân sửa code, diff hiện ngay trong thẻ Sửa" loading="lazy" width="1600" height="1000">
+      <figcaption>Chế độ cá nhân: mỗi bước đọc, sửa, chạy lệnh là một thẻ; diff mở ngay tại chỗ.</figcaption>
+    </figure>
+  </div>
+</section>
+
+<section class="section">
+  <p class="section-kicker">Kiểm chứng</p>
+  <h2 id="v1-9-0-kiem-chung">Chạy thật như một thành viên</h2>
+  <p class="section-lead">Mỗi kịch bản do script điều khiển trình duyệt thật trên bản đã cài, gửi tin nhắn như người dùng rồi kiểm tra kết quả trên đĩa. Lỗi trải nghiệm tìm thấy được sửa kèm test rồi chạy lại.</p>
+  <div class="table-wrap"><table>
+    <thead><tr><th>Kịch bản</th><th>Kết quả</th></tr></thead>
+    <tbody>
+      <tr><td>Công ty · bỏ dấu tiếng Việt cho slug, thêm test</td><td>2 file đổi, test qua, "Check đã qua trên code cuối · Review không có lỗi chặn"</td></tr>
+      <tr><td>Công ty · bấm Dừng lúc review đang chạy</td><td>"Lượt bị dừng trước khi kiểm chứng xong", không báo lỗi</td></tr>
+      <tr><td>Công ty · cài package cần mạng</td><td>Thẻ duyệt ghi đúng lệnh; sau khi cho phép, package có trong <span class="inline-code">package.json</span></td></tr>
+      <tr><td>Công ty · nhắn thêm lúc lượt đang chạy</td><td>Tin được giữ, gửi khi lượt xong và được trả lời</td></tr>
+      <tr><td>Cá nhân · sửa code, chạy test, commit và push</td><td>Push chờ duyệt trên trình duyệt; dừng lệnh dài không để lại tiến trình</td></tr>
+      <tr><td>Cá nhân · đọc <span class="inline-code">.env</span></td><td>Bị chặn, không lộ giá trị; agent chỉ cách tự mở</td></tr>
+    </tbody>
+  </table></div>
+  <p>Kết quả benchmark và journey của các bản trước được đo khi còn task contract; chúng là số liệu lịch sử, bản 1.9.0 chưa đo lại.</p>
+</section>
+
+<div class="callout">
+  <strong>Các bản trước</strong>
+  <p>Phần dưới là ghi chú của các bản cũ, đúng với thời điểm phát hành. Từ bản 1.9.0, task contract, trajectory, completion receipt và các lệnh workflow nhắc tới bên dưới đã bỏ.</p>
+</div>
+
+<section class="section">
+  <p class="section-kicker">v1.8.0</p>
+  <h2 id="v1-8-0">Astra, Sol và Luna trong Piagent</h2>
+  <p class="section-lead">Pi 0.87.1 đưa ba model GPT-6 vào danh sách đã đăng nhập. Phiên mới ưu tiên Sol High; tier routing vẫn là lựa chọn bật riêng.</p>
+  <div class="grid cols-3">
+    <article class="card"><h3>Luna</h3><p>Việc gọn, rõ phạm vi và có thể kiểm tra: tier low ở Medium effort.</p></article>
+    <article class="card"><h3>Sol</h3><p>Công việc lập trình hằng ngày: tier medium/high; mặc định phiên mới ở High effort khi có quyền dùng.</p></article>
+    <article class="card"><h3>Astra</h3><p>Việc rộng hoặc mơ hồ: tier ultra ở Extra High. Model đã pin và phiên cũ được giữ nguyên.</p></article>
+  </div>
+  <p>Router chỉ chọn model có trong catalog đã đăng nhập; fallback 5.6 được ghi rõ. Kết quả 108 phiên cũ không phải phép đo GPT-6 và bản này không claim tiết kiệm token.</p>
+</section>
+
 <section class="section">
   <p class="section-kicker">v1.7.1</p>
   <h2 id="v1-7-0">Phiên dài giữ đúng việc, context và số liệu rõ ràng</h2>
@@ -56,7 +144,7 @@
   <p class="section-kicker">Daily flow</p>
   <h2 id="luong-su-dung">Luồng dùng hằng ngày không bị phá</h2>
   <div class="steps">
-    <article class="step"><div><h3>Giao task như trước</h3><p>Dùng prompt tự nhiên hoặc <span class="inline-code">/workflow task &lt;request&gt;</span>. Không cần gọi preflight thủ công.</p></div></article>
+    <article class="step"><div><h3>Giao task như trước</h3><p>Dùng prompt tự nhiên (từ bản 1.9.0 <span class="inline-code">/workflow</span> đã bỏ). Không cần gọi preflight thủ công.</p></div></article>
     <article class="step"><div><h3>Runtime tự ghi nhận truth</h3><p>Task Contract, context, changed files, trajectory và checkpoint được cập nhật từ hook/tool result thay vì trí nhớ của model.</p></div></article>
     <article class="step"><div><h3>Verify đúng working tree</h3><p>Chỉ exact command đã quan sát, exit thành công và khớp current-tree digest mới được tính là passing evidence.</p></div></article>
     <article class="step"><div><h3>Recovery hoặc handoff có giới hạn</h3><p>Source repair và transient retry có ceiling. Trường hợp không an toàn chuyển sang handoff/operator thay vì tiếp tục đoán.</p></div></article>

package/docs-site/content/workflows.html

@@ -1,20 +1,19 @@
 <section class="section">
   <p class="section-kicker">Workflow impact</p>
   <h2 id="ket-luan">Không có command bắt buộc mới trong daily flow</h2>
-  <p class="section-lead">Người dùng vẫn giao việc bằng prompt tự nhiên hoặc <span class="inline-code">/workflow task</span>. Thay đổi chính nằm trong runtime: task state, trajectory, verifier evidence, recovery và completion gate được ghi nhận chặt hơn. Các command mới chỉ mở cửa sổ đọc những dữ liệu đó khi cần.</p>
+  <p class="section-lead">Từ bản 1.9.0, giao việc chỉ cần một yêu cầu bằng lời thường. <span class="inline-code">/workflow</span>, <span class="inline-code">/task</span>, <span class="inline-code">/fresh</span> và <span class="inline-code">/onboard</span> đã bỏ cùng task contract: session không còn ghi contract, work plan, completion gate hay receipt. Guard vẫn kiểm tra từng tool call.</p>
   <div class="callout ok-callout">
     <strong>Kết luận ngắn</strong>
-    <p>Luồng thao tác không dài thêm. Luồng kiểm soát phía sau an toàn hơn và fail closed khi thiếu bằng chứng. Không cần chạy đủ bốn command mới để một task hợp lệ.</p>
+    <p>Nói điều mình cần, kể cả agent có được sửa hay không ("chỉ đọc, không sửa", "lập plan trước", "implement rồi chạy test"). Các command xem thêm bên dưới là tùy chọn và không bao giờ mở lượt model.</p>
   </div>
   <div class="table-wrap">
     <table>
-      <thead><tr><th>Thời điểm</th><th>Người dùng làm như trước</th><th>Runtime mới tự xử lý</th><th>Command xem thêm, không bắt buộc</th></tr></thead>
+      <thead><tr><th>Thời điểm</th><th>Người dùng làm</th><th>Runtime làm</th><th>Command xem thêm, không bắt buộc</th></tr></thead>
       <tbody>
-        <tr><td>Trước task</td><td>Gửi prompt hoặc <span class="inline-code">/workflow task &lt;request&gt;</span>.</td><td>Đọc profile/context, phân loại intent và risk, chụp runtime truth và solver recommendation.</td><td><span class="inline-code">/task-preflight [--json] &lt;intent&gt;</span></td></tr>
-        <tr><td>Đang làm</td><td>Tiếp tục trao đổi trong cùng task.</td><td>Ghi work plan, phase, changed files, tool/command result, checkpoint, helper và recovery event. Inspector tự cập nhật dưới footer.</td><td><span class="inline-code">/piagent-inspector</span> hoặc <span class="inline-code">/piagent-status</span></td></tr>
-        <tr><td>Verify và review</td><td>Dùng verify của project; gọi <span class="inline-code">/workflow review</span> khi cần review riêng.</td><td>Chỉ nhận exact verifier thành công và khớp working-tree identity hiện tại.</td><td><span class="inline-code">/piagent-status</span></td></tr>
-        <tr><td>Hoàn tất hoặc handoff</td><td>Nhận kết quả và remaining risk như trước.</td><td>Receipt chỉ approved khi trace, work plan, acceptance, changed-file integrity và hard gate cùng pass.</td><td><span class="inline-code">/piagent-status</span></td></tr>
-        <tr><td>Sau task</td><td>Không có bước bắt buộc mới.</td><td>Giữ telemetry có nguồn, không tự suy diễn chất lượng.</td><td><span class="inline-code">/usage efficiency</span></td></tr>
+        <tr><td>Trước khi làm</td><td>Gửi yêu cầu bằng lời thường.</td><td>Đọc profile và project context.</td><td><span class="inline-code">/task-preflight [--json] &lt;intent&gt;</span></td></tr>
+        <tr><td>Đang làm</td><td>Theo dõi hoặc trả lời câu hỏi xác nhận.</td><td>Kiểm tra từng tool call: protected path và read-only path, permission profile, context budget cho file lớn, edit trên bản đọc cũ, và xác nhận hành động destructive/external. Inspector tự cập nhật dưới footer.</td><td><span class="inline-code">/piagent-inspector</span> hoặc <span class="inline-code">/piagent-status</span></td></tr>
+        <tr><td>Verify và review</td><td>Nhờ chạy check của project, hoặc review diff hiện tại.</td><td>Chạy lệnh như mọi tool call khác.</td><td><span class="inline-code">/piagent-inspector commands</span></td></tr>
+        <tr><td>Sau khi làm</td><td>Không có bước bắt buộc.</td><td>Giữ telemetry có nguồn, không tự suy diễn chất lượng.</td><td><span class="inline-code">/usage efficiency</span></td></tr>
       </tbody>
     </table>
   </div>
@@ -22,22 +21,22 @@
 
 <section class="section">
   <p class="section-kicker">Command semantics</p>
-  <h2 id="command-anh-huong-gi">Command mới ảnh hưởng workflow đến đâu</h2>
+  <h2 id="command-anh-huong-gi">Command xem thêm ảnh hưởng workflow đến đâu</h2>
   <div class="table-wrap">
     <table>
       <thead><tr><th>Command</th><th>Đọc hoặc hiển thị</th><th>Không thực hiện</th></tr></thead>
       <tbody>
-        <tr><td><span class="inline-code">/task-preflight</span></td><td>Intent, risk, scope, runtime, route, phase/tool/helper policy, backend, approval và blocker.</td><td>Không tạo task, không advance phase, không gọi model và không cấp quyền implementation.</td></tr>
-        <tr><td><span class="inline-code">/piagent-status</span></td><td>Task Contract, trajectory, checkpoint, verifier, recovery, helper, resume và terminal receipt từ persisted evidence.</td><td>Không sửa file, không chạy lại verify, không retry và không biến state thiếu evidence thành success.</td></tr>
-        <tr><td><span class="inline-code">/piagent-inspector</span></td><td>Observed task files trên panel bốn dòng sát footer, exact baseline delta trong view <span class="inline-code">files</span>, tool hiện tại, command fail/block, safety warning và context budget. Không tham số sẽ mở menu.</td><td>Không sửa file, không chạy command, không đổi completion state và không ước lượng token theo từng built-in tool.</td></tr>
-        <tr><td><span class="inline-code">/usage efficiency</span></td><td>Context telemetry và task metrics có nguồn; fact không đo được giữ <span class="inline-code">null</span> hoặc unavailable.</td><td>Không chấm chất lượng con người/model và không quyết định completion gate.</td></tr>
-        <tr><td><span class="inline-code">/piagent-orchestration</span></td><td>Mode, helper mode, giới hạn subagent, review lenses, Field Guide và writer policy hiện hành.</td><td>Không đổi mode, không spawn helper và không bật parallel writer.</td></tr>
+        <tr><td><span class="inline-code">/task-preflight</span></td><td>Context và shadow route deterministic cho một intent.</td><td>Không tạo gì, không gọi model và không cấp quyền implementation.</td></tr>
+        <tr><td><span class="inline-code">/piagent-status</span></td><td>Profile, guard, runtime và trạng thái model đã xác thực.</td><td>Không sửa file, không chạy lại verify và không retry.</td></tr>
+        <tr><td><span class="inline-code">/piagent-inspector</span></td><td>File đã đổi trên panel bốn dòng sát footer, tool hiện tại, command fail/block, safety warning và context budget. Không tham số sẽ mở menu.</td><td>Không sửa file, không chạy command và không ước lượng token theo từng built-in tool.</td></tr>
+        <tr><td><span class="inline-code">/usage efficiency</span></td><td>Context telemetry có nguồn; fact không đo được giữ <span class="inline-code">null</span> hoặc unavailable.</td><td>Không chấm chất lượng con người/model.</td></tr>
+        <tr><td><span class="inline-code">/piagent-orchestration</span></td><td>Mode, helper mode, giới hạn helper, review lenses, Field Guide và writer policy hiện hành.</td><td>Không đổi mode, không spawn helper và không bật parallel writer.</td></tr>
       </tbody>
     </table>
   </div>
   <div class="callout">
     <strong>Chỉ opt-in mới đổi hành vi.</strong>
-    <p>Năm command trên là read-only. Hành vi chỉ đổi khi operator chủ động bật setting rollout như phase tools hoặc helper mode; parent routing, automatic worker và multi-writer vẫn không tự bật.</p>
+    <p>Năm command trên là read-only. Hành vi chỉ đổi khi operator chủ động bật setting như helper mode; parent routing, automatic worker và multi-writer vẫn không tự bật.</p>
   </div>
 </section>
 
@@ -46,14 +45,13 @@
   <h2 id="luong-mau">Một luồng đầy đủ có thể dùng như sau</h2>
   <div class="command-grid">
     <article class="command-card">
-      <header><span>Inspect → implement → review → receipt</span><button class="clip-btn" data-clip="/task-preflight --json Fix the failing checkout test&#10;/workflow task Fix the failing checkout test and verify.&#10;/piagent-inspector&#10;/workflow review current diff&#10;/piagent-status&#10;/usage efficiency">Lấy lệnh</button></header>
+      <header><span>Inspect → implement → review</span><button class="clip-btn" data-clip="/task-preflight --json Fix the failing checkout test&#10;Sửa test checkout đang fail rồi chạy test của project.&#10;/piagent-inspector&#10;Review diff hiện tại: correctness, test còn thiếu, scope drift. Chỉ đọc.&#10;/usage efficiency">Lấy lệnh</button></header>
       <pre><code>/task-preflight --json Fix the failing checkout test
-/workflow task Fix the failing checkout test and verify.
+Sửa test checkout đang fail rồi chạy test của project.
 /piagent-inspector
-/workflow review current diff
-/piagent-status
+Review diff hiện tại: correctness, test còn thiếu, scope drift. Chỉ đọc.
 /usage efficiency</code></pre>
-      <p>Chỉ dòng <span class="inline-code">/workflow task</span> khởi chạy implementation. Inspector mở menu để xem file/command/safety/context; preflight, inspector, status và efficiency đều tùy chọn. Review riêng dùng khi scope hoặc quy trình handoff yêu cầu.</p>
+      <p>Chỉ các dòng lời thường mới mở việc cho model. Preflight, inspector và efficiency là màn hình xem tùy chọn.</p>
     </article>
   </div>
 </section>
@@ -61,47 +59,47 @@
 <section class="section">
   <div class="callout ok-callout">
     <strong>Git trong Pi Agent</strong>
-    <p>Không có namespace <span class="inline-code">/git</span> riêng. Dùng <span class="inline-code">/workflow commit</span> để commit local đã review, dùng <span class="inline-code">/workflow pr</span> để chuẩn bị PR. Các hành động như <span class="inline-code">git push</span> hoặc stage rộng <span class="inline-code">git add -A</span> vẫn cần operator xác nhận.</p>
+    <p>Không có namespace <span class="inline-code">/git</span> và không có command workflow. Nhờ commit hoặc tạo PR bằng lời thường. <span class="inline-code">git push</span>, thao tác ghi lên GitHub và stage rộng như <span class="inline-code">git add -A</span> vẫn cần operator xác nhận.</p>
   </div>
 
   <div class="callout">
     <strong>Parent-direct orchestration</strong>
-    <p>Dùng <span class="inline-code">/piagent-orchestration</span> để xem trần một helper, lý do dispatch/skip, projected token saving, review lenses, Field Guide và writer policy. Helper mặc định off. Opt-in vẫn chỉ cho một helper read-only context fresh khi chứng minh hai lane độc lập và tiết kiệm từ 30%; worker và retry bị tắt.</p>
+    <p>Dùng <span class="inline-code">/piagent-orchestration</span> để xem trần helper, lý do dispatch/skip, review lenses, Field Guide và writer policy. Helper mặc định off. Khi opt-in, parent được dùng tối đa hai helper read-only context fresh; ước tính tiết kiệm token chỉ là telemetry, không phải điều kiện. Worker và retry bị tắt.</p>
   </div>
 
   <div class="command-grid">
     <article class="command-card">
-      <header><span>Implementation bounded</span><button class="clip-btn" data-clip="/workflow task Fix the failing checkout test and verify.">Lấy lệnh</button></header>
-      <pre><code>/workflow task Fix the failing checkout test and verify.</code></pre>
+      <header><span>Implementation</span><button class="clip-btn" data-clip="Sửa test checkout đang fail rồi chạy test của project.">Lấy lệnh</button></header>
+      <pre><code>Sửa test checkout đang fail rồi chạy test của project.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Read-only scout</span><button class="clip-btn" data-clip="/workflow scout Map the auth flow and risk areas.">Lấy lệnh</button></header>
-      <pre><code>/workflow scout Map the auth flow and risk areas.</code></pre>
+      <header><span>Read-only scout</span><button class="clip-btn" data-clip="Map luồng auth và các vùng rủi ro. Chỉ đọc, không sửa.">Lấy lệnh</button></header>
+      <pre><code>Map luồng auth và các vùng rủi ro. Chỉ đọc, không sửa.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Plan trước khi code</span><button class="clip-btn" data-clip="/workflow plan Add multi-tenant billing support.">Lấy lệnh</button></header>
-      <pre><code>/workflow plan Add multi-tenant billing support.</code></pre>
+      <header><span>Plan trước khi code</span><button class="clip-btn" data-clip="Lập plan hỗ trợ multi-tenant billing. Chưa sửa code.">Lấy lệnh</button></header>
+      <pre><code>Lập plan hỗ trợ multi-tenant billing. Chưa sửa code.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Review diff</span><button class="clip-btn" data-clip="/workflow review current diff">Lấy lệnh</button></header>
-      <pre><code>/workflow review current diff</code></pre>
+      <header><span>Review diff</span><button class="clip-btn" data-clip="Review diff hiện tại: correctness, test còn thiếu, scope drift. Chỉ đọc.">Lấy lệnh</button></header>
+      <pre><code>Review diff hiện tại: correctness, test còn thiếu, scope drift. Chỉ đọc.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Commit local có guard</span><button class="clip-btn" data-clip="/workflow commit &quot;feat: add guarded git workflow&quot;">Lấy lệnh</button></header>
-      <pre><code>/workflow commit "feat: add guarded git workflow"</code></pre>
+      <header><span>Commit local</span><button class="clip-btn" data-clip="Commit hai file docs với message &quot;docs: update onboarding notes&quot;. Không push.">Lấy lệnh</button></header>
+      <pre><code>Commit hai file docs với message "docs: update onboarding notes". Không push.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Chuẩn bị pull request</span><button class="clip-btn" data-clip="/workflow pr &quot;Prepare PR for guarded git workflow&quot;">Lấy lệnh</button></header>
-      <pre><code>/workflow pr "Prepare PR for guarded git workflow"</code></pre>
+      <header><span>Pull request</span><button class="clip-btn" data-clip="Tạo draft PR cho branch này, title &quot;Harden command docs&quot;.">Lấy lệnh</button></header>
+      <pre><code>Tạo draft PR cho branch này, title "Harden command docs".</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Backend spec sang frontend</span><button class="clip-btn" data-clip="/profile be-readonly-fe&#10;/workflow be-to-fe Implement frontend support for the new user status endpoint.">Lấy lệnh</button></header>
+      <header><span>Backend spec sang frontend</span><button class="clip-btn" data-clip="/profile be-readonly-fe&#10;Implement frontend support cho endpoint user status mới. Backend chỉ đọc.">Lấy lệnh</button></header>
       <pre><code>/profile be-readonly-fe
-/workflow be-to-fe Implement frontend support for the new user status endpoint.</code></pre>
+Implement frontend support cho endpoint user status mới. Backend chỉ đọc.</code></pre>
     </article>
     <article class="command-card">
-      <header><span>Cải thiện platform</span><button class="clip-btn" data-clip="/workflow platform-improve Harden command docs and run verification.">Lấy lệnh</button></header>
-      <pre><code>/workflow platform-improve Harden command docs and run verification.</code></pre>
+      <header><span>Onboard project</span><button class="clip-btn" data-clip="Đọc project này (chỉ đọc) và ghi lại project context.">Lấy lệnh</button></header>
+      <pre><code>Đọc project này (chỉ đọc) và ghi lại project context.</code></pre>
     </article>
   </div>
 </section>

package/docs-site/context-engine.html

@@ -30,7 +30,7 @@
         <span>Pi Agent Platform</span>
       </a>
       <div class="top-actions">
-        <span class="pill"><span class="pill-dot"></span>v1.7.1 docs · VI</span>
+        <span class="pill"><span class="pill-dot"></span>v1.9.0 docs · VI</span>
         <nav class="language-switch" aria-label="Ngôn ngữ">
           <a class="language-option current" href="/context-engine" hreflang="vi" lang="vi" aria-current="true">VI</a>
           <a class="language-option" href="/en/context-engine" hreflang="en" lang="en">EN</a>
@@ -59,6 +59,7 @@
           <div class="nav-group">
             <p class="nav-title">Get started</p>
             <a class="nav-link" href="/">Overview</a>
+            <a class="nav-link" href="/ecosystem">Hệ sinh thái</a>
             <a class="nav-link" href="/quickstart">Quickstart</a>
             <a class="nav-link" href="/whats-new">Có gì mới</a>
             <a class="nav-link" href="/scope">Phạm vi platform</a>

package/docs-site/ecosystem.html

@@ -0,0 +1,283 @@
+<!doctype html>
+<html lang="vi" data-copy-success="Đã lấy" data-copy-fallback="Chọn lệnh">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Piagent, Agent Watch và Agent Studio · Pi Agent Platform Docs</title>
+    <meta name="description" content="Một dashboard, hai cách dùng model: tài khoản của bạn, hoặc model của công ty qua Agent Watch và Agent Studio, với Harness tự kiểm tra từng lượt." />
+    <meta name="theme-color" content="#050505" />
+    <link rel="canonical" href="https://piagent.io.vn/ecosystem" />
+    <link rel="alternate" hreflang="vi" href="https://piagent.io.vn/ecosystem" />
+    <link rel="alternate" hreflang="en" href="https://piagent.io.vn/en/ecosystem" />
+    <link rel="alternate" hreflang="x-default" href="https://piagent.io.vn/ecosystem" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <meta property="og:title" content="Piagent, Agent Watch và Agent Studio · Pi Agent Platform Docs" />
+    <meta property="og:description" content="Một dashboard, hai cách dùng model: tài khoản của bạn, hoặc model của công ty qua Agent Watch và Agent Studio, với Harness tự kiểm tra từng lượt." />
+    <meta property="og:url" content="https://piagent.io.vn/ecosystem" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="/assets/docs.css" />
+    <script src="/assets/docs.js" defer></script>
+  </head>
+  <body>
+    <header class="topbar">
+      <a class="brand" href="/" aria-label="Pi Agent Platform">
+        <span class="brand-mark"><img src="/assets/piagent-logo.svg" alt="" /></span>
+        <span>Pi Agent Platform</span>
+      </a>
+      <div class="top-actions">
+        <span class="pill"><span class="pill-dot"></span>v1.9.0 docs · VI</span>
+        <nav class="language-switch" aria-label="Ngôn ngữ">
+          <a class="language-option current" href="/ecosystem" hreflang="vi" lang="vi" aria-current="true">VI</a>
+          <a class="language-option" href="/en/ecosystem" hreflang="en" lang="en">EN</a>
+        </nav>
+        <a class="button social" href="https://github.com/Vt-mmm/piagent" target="_blank" rel="noopener noreferrer" aria-label="Mở GitHub repository">
+          <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+            <path d="M7 17 17 7M9 7h8v8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+          </svg>
+          GitHub
+        </a>
+        <button class="button mobile-menu" type="button" data-menu>Lộ trình</button>
+        <a class="button top-command-link" href="/commands">Commands</a>
+      </div>
+    </header>
+
+    <div class="layout with-toc">
+      <aside class="sidebar" data-sidebar>
+        <div class="sidebar-search" aria-label="Tìm trong tài liệu">
+          <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+            <path d="M10.8 18.1a7.3 7.3 0 1 1 0-14.6 7.3 7.3 0 0 1 0 14.6Zm5.3-1.7 4.4 4.4" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+          </svg>
+          <input type="search" placeholder="Tìm trang" data-filter />
+        </div>
+
+        <nav aria-label="Tài liệu">
+          <div class="nav-group">
+            <p class="nav-title">Get started</p>
+            <a class="nav-link" href="/">Overview</a>
+            <a class="nav-link current" href="/ecosystem" aria-current="page">Hệ sinh thái</a>
+            <a class="nav-link" href="/quickstart">Quickstart</a>
+            <a class="nav-link" href="/whats-new">Có gì mới</a>
+            <a class="nav-link" href="/scope">Phạm vi platform</a>
+          </div>
+          <div class="nav-group">
+            <p class="nav-title">Build</p>
+            <a class="nav-link" href="/profiles">Project profile</a>
+            <a class="nav-link" href="/permissions">Permission modes</a>
+            <a class="nav-link" href="/commands">Command catalog</a>
+            <a class="nav-link" href="/workflows">Workflows</a>
+          </div>
+          <div class="nav-group">
+            <p class="nav-title">MCP</p>
+            <a class="nav-link" href="/mcp">MCP overview</a>
+            <a class="nav-link" href="/mcp-servers">Quản lý server</a>
+            <a class="nav-link" href="/mcp-auth">Auth và readiness</a>
+            <a class="nav-link" href="/mcp-approval">Approval gate</a>
+          </div>
+          <div class="nav-group">
+            <p class="nav-title">Operate</p>
+            <a class="nav-link" href="/security">Security model</a>
+            <a class="nav-link" href="/architecture">Architecture</a>
+            <a class="nav-link" href="/context-engine">Context Engine</a>
+            <a class="nav-link" href="/benchmark">Benchmark</a>
+            <a class="nav-link" href="/runtime">Runtime tools</a>
+            <a class="nav-link" href="/team">Team usage</a>
+          </div>
+        </nav>
+      </aside>
+
+      <main>
+        <div class="content-shell" data-article>
+            <nav class="breadcrumb" aria-label="Breadcrumb">
+              <a href="/">Docs</a>
+              <span aria-hidden="true">/</span>
+              <span>Get started</span>
+              <span aria-hidden="true">/</span>
+              <span>Hệ sinh thái</span>
+            </nav>
+            <div class="page-head">
+              <h1>Piagent, Agent Watch và Agent Studio</h1>
+              <p>Một dashboard, hai cách dùng model: tài khoản của bạn, hoặc model của công ty qua Agent Watch và Agent Studio, với Harness tự kiểm tra từng lượt.</p>
+            </div>
+<section class="section">
+  <p class="section-kicker">Toàn cảnh</p>
+  <h2 id="toan-canh">Một dashboard, hai cách dùng model</h2>
+  <p class="section-lead">Piagent chạy trên máy từng thành viên. Ở chế độ cá nhân, nó dùng tài khoản model của chính bạn. Ở chế độ công ty, nó đi qua Agent Watch trên máy bạn và Agent Studio của công ty: công ty giữ key, chọn model và đặt quy trình kiểm tra cho cả team.</p>
+  <figure class="diagram">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1120 560" role="img" aria-labelledby="eco-title eco-desc" class="eco-diagram">
+  <title id="eco-title">Hệ sinh thái Piagent</title>
+  <desc id="eco-desc">Máy của thành viên chạy Piagent (Terminal và Dashboard) với guard kiểm tra mọi tool call. Chế độ cá nhân gọi thẳng model bằng tài khoản riêng. Chế độ công ty đi qua Agent Watch giữ key trong Keychain và Agent Studio của công ty, nơi chọn model và Harness cho từng lượt.</desc>
+  <defs>
+    <marker id="eco-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#8be9c8"/></marker>
+    <marker id="eco-arrow-lime" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#d8ff7a"/></marker>
+  </defs>
+  <style>
+    .eco-box { fill: #101114; stroke: #2c2f37; stroke-width: 1.5; }
+    .eco-zone { fill: rgba(255,255,255,0.015); stroke: #24262d; stroke-width: 1.2; stroke-dasharray: 6 6; }
+    .eco-h { fill: #f4f4ef; font: 600 17px "Be Vietnam Pro", system-ui, sans-serif; }
+    .eco-t { fill: #a4a6ad; font: 400 13.5px "Be Vietnam Pro", system-ui, sans-serif; }
+    .eco-k { fill: #71747d; font: 600 12px "Be Vietnam Pro", system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
+    .eco-chip { fill: rgba(216,255,122,0.08); stroke: rgba(216,255,122,0.35); }
+    .eco-chip-t { fill: #d8ff7a; font: 600 12.5px "JetBrains Mono", ui-monospace, monospace; }
+    .eco-line { stroke: #8be9c8; stroke-width: 1.8; fill: none; }
+    .eco-line-lime { stroke: #d8ff7a; stroke-width: 1.8; fill: none; stroke-dasharray: 7 6; }
+    .eco-label { fill: #8be9c8; font: 500 12.5px "Be Vietnam Pro", system-ui, sans-serif; }
+    .eco-label-lime { fill: #d8ff7a; font: 500 12.5px "Be Vietnam Pro", system-ui, sans-serif; }
+  </style>
+  <rect class="eco-zone" x="16" y="16" width="420" height="528" rx="22"/>
+  <text class="eco-k" x="40" y="48">Máy của thành viên</text>
+  <rect class="eco-box" x="40" y="68" width="372" height="96" rx="16"/>
+  <text class="eco-h" x="62" y="102">Piagent · Terminal và Dashboard</text>
+  <text class="eco-t" x="62" y="128">Nói việc bằng lời thường; cùng một lịch sử</text>
+  <text class="eco-t" x="62" y="148">trong Terminal (pi) và trình duyệt.</text>
+  <rect class="eco-box" x="40" y="184" width="372" height="116" rx="16"/>
+  <text class="eco-h" x="62" y="218">Guard</text>
+  <text class="eco-t" x="62" y="244">Kiểm tra mọi tool call: file bảo vệ, profile</text>
+  <text class="eco-t" x="62" y="264">quyền, file quá lớn, sửa trên bản đã cũ;</text>
+  <text class="eco-t" x="62" y="284">push, publish, lệnh có mạng chờ bạn duyệt.</text>
+  <rect class="eco-box" x="40" y="320" width="372" height="96" rx="16"/>
+  <text class="eco-h" x="62" y="354">Sandbox của chế độ công ty</text>
+  <text class="eco-t" x="62" y="380">Lệnh chạy không mạng, không đọc Keychain,</text>
+  <text class="eco-t" x="62" y="400">.env hay SSH key; mạng chỉ mở theo lần duyệt.</text>
+  <rect class="eco-chip" x="40" y="440" width="176" height="34" rx="17"/>
+  <text class="eco-chip-t" x="58" y="462">piagent dashboard</text>
+  <rect class="eco-chip" x="226" y="440" width="186" height="34" rx="17"/>
+  <text class="eco-chip-t" x="244" y="462">piagent studio --web</text>
+  <rect class="eco-chip" x="40" y="486" width="76" height="34" rx="17"/>
+  <text class="eco-chip-t" x="64" y="508">pi</text>
+  <rect class="eco-chip" x="126" y="486" width="186" height="34" rx="17"/>
+  <text class="eco-chip-t" x="144" y="508">piagent-doctor</text>
+  <rect class="eco-box" x="500" y="68" width="250" height="96" rx="18"/>
+  <text class="eco-h" x="522" y="102">Model cá nhân</text>
+  <text class="eco-t" x="522" y="128">Đăng nhập bằng tài khoản</text>
+  <text class="eco-t" x="522" y="148">riêng: Codex, Claude, Copilot…</text>
+  <rect class="eco-box" x="500" y="184" width="250" height="232" rx="18"/>
+  <text class="eco-k" x="522" y="216">Ứng dụng macOS</text>
+  <text class="eco-h" x="522" y="244">Agent Watch</text>
+  <text class="eco-t" x="522" y="272">Giữ key công ty trong</text>
+  <text class="eco-t" x="522" y="292">Keychain; nhập cấu hình</text>
+  <text class="eco-t" x="522" y="312">cho Piagent; cấp quyền</text>
+  <text class="eco-t" x="522" y="332">ngắn hạn cho từng lượt.</text>
+  <text class="eco-t" x="522" y="364">Model không bao giờ thấy</text>
+  <text class="eco-t" x="522" y="384">key.</text>
+  <rect class="eco-zone" x="800" y="16" width="304" height="528" rx="22"/>
+  <text class="eco-k" x="824" y="48">Máy chủ công ty</text>
+  <rect class="eco-box" x="824" y="68" width="256" height="300" rx="18"/>
+  <text class="eco-h" x="846" y="102">Agent Studio</text>
+  <text class="eco-t" x="846" y="132">Thành viên, key, ngân sách</text>
+  <text class="eco-t" x="846" y="152">và usage theo ngày.</text>
+  <text class="eco-t" x="846" y="186">Harness của team:</text>
+  <text class="eco-label-lime" x="846" y="210">kế hoạch · check · review</text>
+  <text class="eco-t" x="846" y="244">Chọn model cho từng vai:</text>
+  <text class="eco-label-lime" x="846" y="268">main · research · review</text>
+  <text class="eco-t" x="846" y="302">Mỗi vai một model riêng,</text>
+  <text class="eco-t" x="846" y="322">thinking theo Harness.</text>
+  <rect class="eco-box" x="824" y="392" width="256" height="128" rx="18"/>
+  <text class="eco-h" x="846" y="426">Model của công ty</text>
+  <text class="eco-t" x="846" y="454">Claude, GPT, DeepSeek, Kimi,</text>
+  <text class="eco-t" x="846" y="474">GLM, Qwen… qua key công ty;</text>
+  <text class="eco-t" x="846" y="494">key chỉ nằm trên máy chủ.</text>
+  <path class="eco-line" d="M412 300 L 500 300" marker-end="url(#eco-arrow)"/>
+  <text class="eco-label" x="424" y="290">công ty</text>
+  <path class="eco-line" d="M750 300 C 790 300, 790 220, 824 220" marker-end="url(#eco-arrow)"/>
+  <text class="eco-label" x="748" y="348">lượt có hạn</text>
+  <path class="eco-line" d="M952 368 L952 392" marker-end="url(#eco-arrow)"/>
+  <path class="eco-line-lime" d="M412 116 L 500 116" marker-end="url(#eco-arrow-lime)"/>
+  <text class="eco-label-lime" x="420" y="106">cá nhân</text>
+</svg>
+    <figcaption class="diagram-hint">Vuốt ngang để xem hết sơ đồ.</figcaption>
+  </figure>
+</section>
+
+<section class="section">
+  <p class="section-kicker">Thành phần</p>
+  <h2 id="thanh-phan">Mỗi phần làm một việc</h2>
+  <div class="grid cols-2">
+    <article class="card">
+      <h3 id="piagent">Piagent</h3>
+      <p>Coding agent trong Terminal (<span class="inline-code">pi</span>) và trên trình duyệt (<span class="inline-code">piagent dashboard</span>). Hai nơi dùng chung lịch sử: bắt đầu ở Terminal, xem tiếp trên trình duyệt.</p>
+    </article>
+    <article class="card">
+      <h3 id="guard">Guard</h3>
+      <p>Kiểm tra từng tool call trước khi chạy: file bảo vệ như <span class="inline-code">.env</span>, profile quyền, file quá lớn, sửa trên bản đã cũ. Push, publish và lệnh có mạng chờ bạn duyệt đúng một lần.</p>
+    </article>
+    <article class="card">
+      <h3 id="agent-watch">Agent Watch</h3>
+      <p>Ứng dụng macOS giữ key công ty trong Keychain và nhập cấu hình cho Piagent. Mỗi lượt nhận quyền ngắn hạn; model và các lệnh không bao giờ đọc được key.</p>
+    </article>
+    <article class="card">
+      <h3 id="agent-studio">Agent Studio</h3>
+      <p>Máy chủ của công ty: thành viên, key, ngân sách, usage theo ngày và Harness của team. Studio chọn model cho từng vai (main, research, review) và mức suy luận.</p>
+    </article>
+  </div>
+</section>
+
+<section class="section">
+  <p class="section-kicker">Một lượt ở chế độ công ty</p>
+  <h2 id="mot-luot">Từ tin nhắn tới "Check đã qua · Review không có lỗi chặn"</h2>
+  <div class="steps">
+    <article class="step"><div><h3>Bạn nhắn việc cần làm</h3><p>Viết như nói với đồng nghiệp, chọn model <span class="inline-code">agent-watch-auto</span> trong nhóm Công ty.</p></div></article>
+    <article class="step"><div><h3>Studio cấp một lượt</h3><p>Agent Watch xin quyền ngắn hạn; Studio chọn model cho agent chính theo Harness của team.</p></div></article>
+    <article class="step"><div><h3>Agent làm trong sandbox</h3><p>Đọc, sửa và chạy lệnh trong project, không có mạng. Cần mạng thì xin bạn duyệt đúng một lệnh.</p></div></article>
+    <article class="step"><div><h3>Harness kiểm tra</h3><p>Chưa có check nào qua trên code cuối thì yêu cầu chạy; rồi một subagent review bản sửa. Lỗi chặn được gửi lại cho agent, tối đa số vòng team đặt.</p></div></article>
+    <article class="step"><div><h3>Kết quả ghi dưới câu trả lời</h3><p>Ví dụ "Check đã qua trên code cuối · Review không có lỗi chặn". Bạn có thể Dừng bất cứ lúc nào và Tiếp tục sau.</p></div></article>
+  </div>
+  <figure class="shot">
+    <img src="/assets/shots/company-review-running.jpg" alt="Đang review: thanh trên ghi Subagent 1/2, nút Dừng vẫn còn" loading="lazy" width="1600" height="1000">
+    <figcaption>Lúc review đang chạy: thanh trên ghi Subagent 1/2, cột Workspace ghi 1/2 đang chạy, nút Dừng vẫn hoạt động.</figcaption>
+  </figure>
+</section>
+
+<section class="section">
+  <p class="section-kicker">Chọn chế độ</p>
+  <h2 id="chon-che-do">Khi nào dùng cá nhân, khi nào dùng công ty</h2>
+  <div class="table-wrap"><table>
+    <thead><tr><th></th><th>Cá nhân</th><th>Công ty</th></tr></thead>
+    <tbody>
+      <tr><td>Model</td><td>Tài khoản bạn đăng nhập (Codex, Claude, Copilot…)</td><td>Model công ty chọn trong Studio, theo vai</td></tr>
+      <tr><td>Key</td><td>Do Pi quản lý trên máy bạn</td><td>Nằm trên máy chủ và trong Keychain, không vào project</td></tr>
+      <tr><td>Kiểm tra</td><td>Guard; bạn quyết định khi nào chạy test</td><td>Guard, sandbox, và Harness tự yêu cầu check, review</td></tr>
+      <tr><td>Mạng khi chạy lệnh</td><td>Như trên máy bạn; push và publish chờ duyệt</td><td>Tắt; mở cho đúng một lệnh khi bạn duyệt</td></tr>
+      <tr><td>Chi phí</td><td>Theo gói của bạn</td><td>Theo ngân sách công ty, xem usage trong Studio</td></tr>
+    </tbody>
+  </table></div>
+  <div class="callout ok-callout"><strong>Bắt đầu</strong><p>Cá nhân: cài theo <a href="/quickstart">Quickstart</a> rồi chạy <span class="inline-code">piagent dashboard</span>. Công ty: mở Agent Watch, tab Studio, kết nối key và nhập cấu hình cho Piagent; model <span class="inline-code">agent-watch-auto</span> sẽ có trong nhóm Công ty.</p></div>
+</section>
+            <nav class="pager" aria-label="Trang kế tiếp">
+              <a class="pager-prev" href="/">
+                <span class="pager-label">Trước</span>
+                <span class="pager-title">Overview</span>
+              </a>
+              <a class="pager-next" href="/quickstart">
+                <span class="pager-label">Tiếp</span>
+                <span class="pager-title">Quickstart</span>
+              </a>
+            </nav>
+
+            <footer class="footer">
+              <p>Pi Agent Platform docs · static HTML · governed agent workflow</p>
+              <div class="footer-links" aria-label="Liên kết ngoài">
+                <a href="https://piagent.io.vn" target="_blank" rel="noopener noreferrer">piagent.io.vn</a>
+                <a href="https://github.com/Vt-mmm/piagent" target="_blank" rel="noopener noreferrer">GitHub repository</a>
+                <a href="/en/ecosystem" hreflang="en">English</a>
+                <a href="https://www.facebook.com/vinhtam0544/" target="_blank" rel="noopener noreferrer">Facebook profile</a>
+              </div>
+            </footer>
+        </div>
+      </main>
+
+      <aside class="toc" aria-label="Mục lục trang">
+        <p class="toc-title">Trên trang này</p>
+        <nav data-toc></nav>
+      </aside>
+    </div>
+    <script>
+      window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/insights/script.js"></script>
+  </body>
+</html>