[CLAUDE] FE-User+FE-Admin: cay 4 folder GD duoi tung goi thau (Duyet NCC / Ke hoach HD / Duyet HD / HD cung) x2 app + 5 fix review F-1/3/4/6/7

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

fe-user/src/pages/khkk/KhkkListPage.tsx

@@ -21,6 +21,7 @@ import { PageHeader } from '@/components/ui/PageHeader'
 import { KpiCard } from '@/components/ui/KpiCard'
 import { Button } from '@/components/ui/Button'
 import { Input } from '@/components/ui/Input'
+import { PipelineTreePanel } from '@/components/pipeline/PipelineTreePanel'
 import { api } from '@/lib/api'
 import { cn } from '@/lib/cn'
 import {
@@ -131,8 +132,15 @@ export function KhkkListPage() {
         }
       />
 
+      {/* [S162] Cây toàn trình bám trái + nội dung cũ giữ nguyên bên phải (owner
+          chốt AskUser 30-07: "áp cả các trang GĐ khác"). `minmax(0,1fr)` để bảng
+          7 cột không thổi vỡ lưới ở 1366; `<lg` cây xếp trên và tự thu gọn. */}
+      <div className="grid gap-5 lg:grid-cols-[19rem_minmax(0,1fr)] xl:grid-cols-[21rem_minmax(0,1fr)]">
+        <PipelineTreePanel currentStage={2} />
+
+        <div className="min-w-0 space-y-5">
       {!deletedView && (
-        <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6">
+        <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-6">
           {phaseCards.map((c) => (
             <KpiCard
               key={c.value ?? 'all'}
@@ -164,6 +172,9 @@ export function KhkkListPage() {
       </div>
 
       <div className="card-accent overflow-hidden" style={{ ['--accent' as string]: 'var(--color-brand-500)' }}>
+        {/* [S162] Cột trái ăn ~19rem ⇒ bảng 7 cột cuộn ngang trong thẻ thay vì
+            tràn ra ngoài lưới trên laptop 1366. */}
+        <div className="overflow-x-auto">
         <table className="w-full text-sm">
           <thead className="border-b border-slate-200 bg-slate-50/70">
             <tr>
@@ -244,6 +255,7 @@ export function KhkkListPage() {
             ))}
           </tbody>
         </table>
+        </div>
         {totalPages > 1 && (
           <div className="flex items-center justify-between border-t border-slate-200 px-4 py-2.5 text-sm">
             <div className="text-slate-500">
@@ -260,6 +272,8 @@ export function KhkkListPage() {
           </div>
         )}
       </div>
+        </div>
+      </div>
     </div>
   )
 }