Answer Card — mockup, thiết kế & contract

Card Template đa kênh cho agent và workflow: thiết kế template N-tab (Web/FB/Zalo/text), render server-side theo type, giao qua chat UI hoặc channel API. Ba mảnh dưới đây: mockup tương tác, thiết kế kiến trúc, và danh mục API.

◨

Mockup tương tác

Builder kéo-thả card template, quản lý Draft → Publish version, preview render theo biến. TKCT 3.9 + 3.12.6.

GrapesJS builderDraft/Publishlive preview

Mở mockup →

◱

Preview đa kênh

Cùng data, đổi type → render live 4 kênh: web card, Zalo/FB (phone mockup), text. Xem output string từng kênh.

web · zalo · fb · textphone mockup

Mở preview →

◇

Thiết kế kiến trúc

Mô hình multi-channel, render(id,type,data)→string, ví dụ output 4 kênh, quyết định kiến trúc, build order + sequence/overview diagram.

ADR-027/0282 diagrammulti-channel

Xem thiết kế →

▤

Danh sách API

Catalog API Card Template — CRUD, draft, publish, resolve, render. Đối chiếu mockup ↔ contract ↔ as-built.

CRUD + publishcontract

Xem API →

Mô tả luồng

↹

Sequence — luồng render

Agent sinh block(type) → render server-side theo type → web SSE / Zalo·FB channel API. Full endpoint + header từng hop.

Mở sequence →

⊞

Overview — bản đồ component

Control plane (authoring N-tab) vs data plane (render theo type). render lib phân nhánh web/zalo/fb.

Mở overview →