diff --git a/fe-admin/src/components/contracts/ContractDetailContent.tsx b/fe-admin/src/components/contracts/ContractDetailContent.tsx
index b6ca917..cd5ce88 100644
--- a/fe-admin/src/components/contracts/ContractDetailContent.tsx
+++ b/fe-admin/src/components/contracts/ContractDetailContent.tsx
@@ -182,6 +182,47 @@ export function ContractDetailContent({
         <ContractDetailsTab contract={c} />
       </section>
 
+      {/* [Plan B S29 2026-05-22 Chunk E3] Section 5 — Ý kiến cấp duyệt V2 dynamic.
+          Mirror PE LevelOpinionsSectionV2 pattern. Chỉ render khi V2 pin
+          (approvalWorkflowId set). V1 legacy contract KHÔNG hiển thị. */}
+      {c.approvalWorkflowId && (
+        <section className="rounded-lg border border-emerald-200 bg-emerald-50/40 p-5">
+          <h2 className="mb-3 flex items-center gap-2 text-sm font-semibold text-emerald-800">
+            <ListChecks className="h-4 w-4" />
+            Ý kiến cấp duyệt (Quy trình V2)
+          </h2>
+          {(c.levelOpinions?.length ?? 0) === 0 ? (
+            <p className="text-sm text-slate-500">Chưa có ý kiến — workflow vừa bắt đầu hoặc chưa có ai duyệt.</p>
+          ) : (
+            <ul className="space-y-3">
+              {c.levelOpinions!.map(o => {
+                const adminProxy = o.signedByUserId !== o.approverUserId
+                return (
+                  <li key={o.id} className="rounded-md border border-emerald-200 bg-white p-3">
+                    <div className="mb-1 flex items-center justify-between gap-2 text-xs">
+                      <span className="font-medium text-emerald-900">
+                        Bước {o.stepOrder} {o.stepName ? `(${o.stepName})` : ''} — Cấp {o.levelOrder}
+                        {o.levelName ? ` (${o.levelName})` : ''}
+                      </span>
+                      <span className="text-slate-500">{new Date(o.signedAt).toLocaleString('vi-VN')}</span>
+                    </div>
+                    <p className="mb-1 text-sm text-slate-800">{o.comment}</p>
+                    <div className="flex flex-wrap items-center gap-2 text-xs text-slate-600">
+                      <span>NV duyệt: <strong>{o.approverFullName ?? o.approverUserId.slice(0, 8)}</strong></span>
+                      {adminProxy && (
+                        <span className="rounded bg-amber-100 px-2 py-0.5 text-amber-800">
+                          ⚡ Admin duyệt thay ({o.signedByFullName ?? o.signedByUserId.slice(0, 8)})
+                        </span>
+                      )}
+                    </div>
+                  </li>
+                )
+              })}
+            </ul>
+          )}
+        </section>
+      )}
+
       <Dialog
         open={actionOpen}
         onClose={() => setActionOpen(false)}
diff --git a/fe-admin/src/types/contracts.ts b/fe-admin/src/types/contracts.ts
index 9025d16..6844810 100644
--- a/fe-admin/src/types/contracts.ts
+++ b/fe-admin/src/types/contracts.ts
@@ -171,4 +171,28 @@ export type ContractDetail = {
   comments: ContractComment[]
   attachments: ContractAttachment[]
   workflow: WorkflowSummary
+  // [Plan B S29 2026-05-22 Chunk E3] V2 workflow state — mirror PE pattern.
+  // Khi pin V2 (approvalWorkflowId set) → render Section 5 dynamic.
+  // V1 contract: 3 fields = null.
+  approvalWorkflowId: string | null
+  currentApprovalLevelOrder: number | null
+  levelOpinions: ContractLevelOpinion[] | null
+}
+
+// [Plan B S29 2026-05-22 Chunk E3] Mirror BE ContractLevelOpinionDto 12 fields.
+// Service ApproveV2Async UPSERT (Plan B Chunk B2). Comment empty → "(duyệt —
+// không ý kiến)". signedByUserId !== approverUserId → banner "Admin duyệt thay".
+export type ContractLevelOpinion = {
+  id: string
+  approvalWorkflowLevelId: string
+  stepOrder: number
+  stepName: string
+  levelOrder: number
+  levelName: string | null
+  approverUserId: string
+  approverFullName: string | null
+  comment: string
+  signedAt: string
+  signedByUserId: string
+  signedByFullName: string | null
 }
diff --git a/fe-user/src/components/contracts/ContractDetailContent.tsx b/fe-user/src/components/contracts/ContractDetailContent.tsx
index b6ca917..cd5ce88 100644
--- a/fe-user/src/components/contracts/ContractDetailContent.tsx
+++ b/fe-user/src/components/contracts/ContractDetailContent.tsx
@@ -182,6 +182,47 @@ export function ContractDetailContent({
         <ContractDetailsTab contract={c} />
       </section>
 
+      {/* [Plan B S29 2026-05-22 Chunk E3] Section 5 — Ý kiến cấp duyệt V2 dynamic.
+          Mirror PE LevelOpinionsSectionV2 pattern. Chỉ render khi V2 pin
+          (approvalWorkflowId set). V1 legacy contract KHÔNG hiển thị. */}
+      {c.approvalWorkflowId && (
+        <section className="rounded-lg border border-emerald-200 bg-emerald-50/40 p-5">
+          <h2 className="mb-3 flex items-center gap-2 text-sm font-semibold text-emerald-800">
+            <ListChecks className="h-4 w-4" />
+            Ý kiến cấp duyệt (Quy trình V2)
+          </h2>
+          {(c.levelOpinions?.length ?? 0) === 0 ? (
+            <p className="text-sm text-slate-500">Chưa có ý kiến — workflow vừa bắt đầu hoặc chưa có ai duyệt.</p>
+          ) : (
+            <ul className="space-y-3">
+              {c.levelOpinions!.map(o => {
+                const adminProxy = o.signedByUserId !== o.approverUserId
+                return (
+                  <li key={o.id} className="rounded-md border border-emerald-200 bg-white p-3">
+                    <div className="mb-1 flex items-center justify-between gap-2 text-xs">
+                      <span className="font-medium text-emerald-900">
+                        Bước {o.stepOrder} {o.stepName ? `(${o.stepName})` : ''} — Cấp {o.levelOrder}
+                        {o.levelName ? ` (${o.levelName})` : ''}
+                      </span>
+                      <span className="text-slate-500">{new Date(o.signedAt).toLocaleString('vi-VN')}</span>
+                    </div>
+                    <p className="mb-1 text-sm text-slate-800">{o.comment}</p>
+                    <div className="flex flex-wrap items-center gap-2 text-xs text-slate-600">
+                      <span>NV duyệt: <strong>{o.approverFullName ?? o.approverUserId.slice(0, 8)}</strong></span>
+                      {adminProxy && (
+                        <span className="rounded bg-amber-100 px-2 py-0.5 text-amber-800">
+                          ⚡ Admin duyệt thay ({o.signedByFullName ?? o.signedByUserId.slice(0, 8)})
+                        </span>
+                      )}
+                    </div>
+                  </li>
+                )
+              })}
+            </ul>
+          )}
+        </section>
+      )}
+
       <Dialog
         open={actionOpen}
         onClose={() => setActionOpen(false)}
diff --git a/fe-user/src/types/contracts.ts b/fe-user/src/types/contracts.ts
index 9025d16..6844810 100644
--- a/fe-user/src/types/contracts.ts
+++ b/fe-user/src/types/contracts.ts
@@ -171,4 +171,28 @@ export type ContractDetail = {
   comments: ContractComment[]
   attachments: ContractAttachment[]
   workflow: WorkflowSummary
+  // [Plan B S29 2026-05-22 Chunk E3] V2 workflow state — mirror PE pattern.
+  // Khi pin V2 (approvalWorkflowId set) → render Section 5 dynamic.
+  // V1 contract: 3 fields = null.
+  approvalWorkflowId: string | null
+  currentApprovalLevelOrder: number | null
+  levelOpinions: ContractLevelOpinion[] | null
+}
+
+// [Plan B S29 2026-05-22 Chunk E3] Mirror BE ContractLevelOpinionDto 12 fields.
+// Service ApproveV2Async UPSERT (Plan B Chunk B2). Comment empty → "(duyệt —
+// không ý kiến)". signedByUserId !== approverUserId → banner "Admin duyệt thay".
+export type ContractLevelOpinion = {
+  id: string
+  approvalWorkflowLevelId: string
+  stepOrder: number
+  stepName: string
+  levelOrder: number
+  levelName: string | null
+  approverUserId: string
+  approverFullName: string | null
+  comment: string
+  signedAt: string
+  signedByUserId: string
+  signedByFullName: string | null
 }