/* Pharmacy — Settings advanced widgets: profiles (N3), what-if preview (N2), engine schedule — READ-ONLY (N4/DVP-371), param history (N7). Each attaches to window and is composed by SettingsScreen. 2026-08-25 — dựng lại theo mô hình Cài đặt 3 TẦNG (xem đầu file Settings.jsx): · WhatIfDrawer đọc khoá THẬT của engine (doiTargetDays · safetyC · pMinAE) thay cho serviceLevel/budgetCap — hai khoá KHÔNG tồn tại trong ENGINE_DEFAULTS. Chạy thử không ghi; “Áp dụng” = MỘT request nhiều khoá, MỘT lần tính lại (fix lỗi 37 request tuần tự đo được ở fit/gap ntvmed §C). · EngineScheduleSection thành CHỈ-ĐỌC: phản chiếu nhịp đồng bộ của connector (DVP-371). 3 ô select lịch riêng của bản cũ là núm không có nơi lưu — không bảng nào giữ giờ chạy, không scheduler nào đọc. Chữ trên màn nói theo NĂNG LỰC (connector nguồn bán); tên hãng chỉ đứng trong ngoặc ở vị trí pilot — không lặp lại lỗi `kind === "odoo"`. · ProfileBar: ◌ NỢ UI — schema sẵn (engine_param.profile_id + valid_from/to, migration 0001; tRPC đã nhận profileId), chỉ web chưa gửi. Giữ nguyên thiết kế. T13: hồ sơ có lịch (valid_to) hết hạn tự quay về "Mặc định"; hồ sơ "Mặc định" áp quanh năm, kích hoạt tay. ── VÒNG 5 (2026-08-28) — Jet chốt ──────────────────────────────────────────────── · `ScopeOverrideTable` (N1) ĐÃ GỠ. Lý do không phải "thừa chỗ": [đo prod 2026-08-28] `engine_param` có 5 hàng, TẤT CẢ `global` — chưa tenant nào từng đặt một ghi đè hẹp nào. Và với 20 khoá (18 ô mức phục vụ + `usePercentileEngine` + `allowLateral`) thì engine đọc bằng NGỮ CẢNH RỖNG — ghi được mà không bao giờ có tác dụng (DVP-556 chưa chốt hướng). Bày một mặt UI cho việc đó là hứa một việc không xảy ra. Cần lại thì dựng theo hướng chốt ở 556 — bản cũ còn nguyên ở `_backup-2026-08-28/`. · DOI → Stockdays trên mọi nhãn (DVP-565). ── VÒNG 7 (2026-08-30) — Jet chốt: GIỮ thanh hồ sơ + Lịch sử, BỎ hoàn tác ──────── Thanh hồ sơ ở lại: nó tự khai nợ đúng cách (chip "lộ trình" nhìn thấy được + toast nói thẳng ở mọi hành động), tức đang làm ĐÚNG chứ không phải màn hứa suông — tôi đã đề xuất gỡ nó và đó là đề xuất sai. Nút "Khôi phục" từng dòng lịch sử thì GỠ — không vì nó nói dối (toast của nó cũng khai nợ), mà vì sản phẩm thật đang XOÁ hẳn đường ghi hoàn tác (DVP-569): giữ nó trên hình vẽ là vẽ một tính năng sắp không còn tồn tại. Bảng lịch sử ở lại nguyên vẹn. ── Claude Code 2026-09-07 — GHI ĐÈ THEO PHẠM VI trở lại, THU GỌN (DVP-175 việc 3) ── Vòng 5 gỡ vì "20 khoá được đọc bằng ngữ cảnh rỗng". Từ 29-08 (DVP-556 hướng A) đường ghi thật CHẶN mọi khoá ngoài 7 khoá SCOPE_AWARE_KEYS (forecastWindow · recentWeight · cycle · safetyA/B/C · minFloorWhenSold) — ghi được là có tác dụng. Code đang có khối này ở tầng Kỹ thuật (DVP-484/604, Sổ T34 ●), chọn phạm vi bằng TÊN + MÃ (UX-04) — prototype vẽ đúng hình đó: ScopeOverridesCompact ở cuối file. */ /* ============ N3 + N7 — ProfileBar ============ */ const PARAM_PROFILES = [ { id: 'default', name: 'Mặc định', range: 'Quanh năm', note: 'Bộ tham số nền', color: 'var(--dv-green)' }, { id: 'flu', name: 'Mùa cao điểm (cúm)', range: '01/10 – 31/12', note: 'Cửa sổ 30n · đệm hô hấp · phục vụ cao', color: '#1d4f8a' }, { id: 'tet', name: 'Tết Nguyên đán', range: '20/01 – 20/02', note: 'Tích trữ trước nghỉ · đệm +50%', color: '#9c2b22' }, ]; const PARAM_HISTORY = [ { at: '23/08/2026 · 09:12', by: 'Trần Thị Mai', change: 'Ô A×E: P_min 97,5 → 98', profile: 'Mặc định', tone: 'edit' }, { at: '11/08/2026 · 16:40', by: 'Vũ Minh Đức', change: 'Bật “Sàn Min ≥ 1 khi có bán”', profile: 'Mặc định', tone: 'edit' }, { at: '02/08/2026 · 08:05', by: 'Vũ Minh Đức', change: 'Bật cách tính Percentile cho tầng chi nhánh', profile: 'Mặc định', tone: 'edit' }, { at: '15/05/2026 · 11:20', by: 'Trần Thị Mai', change: 'Kích hoạt hồ sơ “Mùa cao điểm”', profile: 'Mùa cao điểm', tone: 'profile' }, /* Vòng 5: mục cũ ở đây là một ghi đè theo điểm bán ("Ghi đè DOI Dược Vương Q.1 = 20 ngày"). Ghi đè theo phạm vi đã gỡ khỏi màn, nên một dòng lịch sử nhắc tính năng đó sẽ để người đọc đi tìm một ô không còn tồn tại. Thay bằng một thay đổi có thật trên bản đồ nhóm. */ { at: '02/05/2026 · 14:33', by: 'Nguyễn Văn Bình', change: 'Ô C×E: P_max 85 → 87', profile: 'Mặc định', tone: 'edit' }, ]; function ProfileBar({ activeProfile, setActiveProfile, onHistory, setToast }) { const { IconLayers, IconCalendar, IconPlus, IconClock, IconChevronDown } = window; const [open, setOpen] = React.useState(false); const active = PARAM_PROFILES.find((p) => p.id === activeProfile) || PARAM_PROFILES[0]; const ref = React.useRef(null); React.useEffect(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); return (
{/* Thanh này là ◌ NỢ UI trọn vẹn (xem đầu file): đổi hồ sơ chỉ đổi cái nhãn, nhân bản chỉ hiện toast. Nợ đó phải ĐỌC ĐƯỢC TRÊN MÀN như mọi chỗ khác trong bộ này — chip "lộ trình" + toast nói thẳng, chứ không diễn cho giống đã chạy. */}
Hồ sơ tham số đang áp dụng lộ trình
{active.name} {active.range}
{active.id === 'default' ? 'Áp quanh năm — kích hoạt tay' : `Theo lịch ${active.range} — hết hạn tự quay về "Mặc định"`}
{open && (
{PARAM_PROFILES.map((p) => { const on = p.id === activeProfile; return ( ); })}
)}
); } window.ProfileBar = ProfileBar; window.PARAM_PROFILES = PARAM_PROFILES; /* ============ N7 — Param history drawer ============ */ function ParamHistoryDrawer({ onClose }) { const Drawer = window.Drawer; const { IconClock, IconLayers } = window; /* Tông 'scope' đã bỏ cùng lượt gỡ ghi đè theo phạm vi (vòng 5) — giữ một nhánh màu cho một loại sự kiện không còn sinh ra được là để lại một nhánh chết. */ const toneMap = { edit: ['var(--dv-mist)', 'var(--dv-ink-soft)', 'IconClock'], profile: ['var(--dv-green-50)', 'var(--dv-green)', 'IconLayers'] }; return (
{PARAM_HISTORY.map((h, i) => { const [bg, fg, icon] = toneMap[h.tone] || toneMap.edit; const Icon = window[icon]; return (
{h.change}
{h.by} · {h.at} · hồ sơ {h.profile}
); })}

Mỗi thay đổi được ghi vào Nhật ký chung — chỉ thêm, không sửa, không xoá.

 ); } window.ParamHistoryDrawer = ParamHistoryDrawer; /* ============ N2 — What-if preview drawer ============ */ function WhatIfDrawer({ cfg, onClose, onApply }) { const Drawer = window.Drawer; const { Button } = window.DVMedKingDesignSystem_bf17f8; const { VND } = window; const { IconTrendUp, IconTrendDown, IconSparkles, IconArrowRight } = window; // baseline = bộ tham số đang áp dụng (Stockdays 30 · đệm C 10 · P_min A×E 97,5); Δ minh hoạ. const base = { lines: 64, value: 418000000, shortage: 37, overstock: 48 }; const doiD = (Number(cfg.doiTargetDays) - 30); const safetyD = (Number(cfg.safetyC) - 10); const slD = (Number(cfg.pMinAE) - 97.5) * 2; const next = { lines: Math.max(0, Math.round(base.lines + slD * 3 + doiD * 1 + safetyD * 1.5)), value: Math.max(0, Math.round(base.value + slD * 9000000 + doiD * 4200000 + safetyD * 5000000)), shortage: Math.max(0, Math.round(base.shortage - slD * 1.5 - doiD * 0.6 - safetyD * 0.8)), overstock: Math.max(0, Math.round(base.overstock + doiD * 0.8 + safetyD * 1.2)), }; const Row = ({ label, from, to, fmt, goodDir }) => { const delta = to - from; const up = delta > 0; const good = goodDir === 'up' ? up : goodDir === 'down' ? !up : null; const col = delta === 0 ? 'var(--dv-ink-faint)' : good ? 'var(--dv-green-bright)' : '#C5372C'; const Arrow = up ? IconTrendUp : IconTrendDown; return (
{label}
{fmt(from)}
{fmt(to)}
{delta !== 0 && }{delta === 0 ? '—' : `${up ? '+' : ''}${fmt(delta)}`}
); }; return ( }>
Mô phỏng trên dữ liệu kỳ hiện tại với Stockdays {cfg.doiTargetDays}n · đệm C {cfg.safetyC}n · P_min A×E {String(cfg.pMinAE).replace('.', ',')}. So với bộ tham số đang áp dụng.
Chỉ sốHiện tạiDự kiếnΔ
String(n)} goodDir="none" /> VND(n)} goodDir="none" /> String(n)} goodDir="down" /> String(n)} goodDir="down" /> ); } window.WhatIfDrawer = WhatIfDrawer; /* ============ N4 — Engine schedule: CHỈ ĐỌC (DVP-371) ============ */ function EngineScheduleSection({ setToast, setView, lastSync }) { const { IconPlug, IconCheckCircle, IconCalculator, IconArrowRight } = window; const syncLabel = lastSync || '16:04 · 23-08'; return (
Connector nguồn bán & tồn kho (pilot: KiotViet)
Đồng bộ gần nhất {syncLabel} · chu kỳ 180 phút · thành công
đang hoạt động
Tính lại kế hoạch (dự trù · điều chuyển · FEFO)
Chạy ngay sau mỗi lượt đồng bộ thành công và sau mỗi lần lưu tham số — không có lịch riêng cho từng tác vụ.
tự động · chỉ đọc
{/* [T35] Bỏ nút "Đồng bộ ngay" ở đây (Jet chốt 2026-08-29 — lược bỏ thứ trùng): nó chỉ bắn một thông báo, trong khi nút thật "Đồng bộ & tính toán" đã nằm sẵn trên thanh trên cùng ở MỌI màn. Hai nút cho một việc là hai chỗ để lệch nhau, và cái ở đây là cái giả. */} Đổi chu kỳ / thông tin kết nối ở màn Kết nối hệ thống.
); } window.EngineScheduleSection = EngineScheduleSection; /* ============ Ghi đè theo phạm vi — THU GỌN (Claude Code 2026-09-07, DVP-175 việc 3) ============ Khớp app/(portal)/settings/_scope-overrides.tsx: phạm vi chọn bằng TÊN + MÃ (điểm bán từ danh sách chi nhánh, nhóm hàng từ Danh mục, SKU gõ mã hoặc tên có gợi ý — UX-04); giá trị gửi đi là MÃ. Chỉ 7 khoá SCOPE_AWARE_KEYS — bộ máy phân giải hẹp-thắng: SKU › nhóm hàng › điểm bán › toàn chuỗi. Gỡ = op:'clear' (xoá hàng), KHÁC "đặt lại bằng mặc định": hàng vẫn nằm đó thì đổi số toàn chuỗi sau này sẽ lặng lẽ không áp cho phạm vi ấy. */ const SCOPE_KEYS_7 = [ ['forecastWindow', 'Cửa sổ dự báo', 'ngày'], ['recentWeight', 'Ưu tiên 14 ngày gần nhất', '0–1'], ['cycle', 'Chu kỳ đặt hàng (R)', 'ngày'], ['safetyA', 'Đệm an toàn nhóm A', 'ngày'], ['safetyB', 'Đệm an toàn nhóm B', 'ngày'], ['safetyC', 'Đệm an toàn nhóm C', 'ngày'], ['minFloorWhenSold', 'Sàn Min ≥ 1 khi có bán', '0/1'], ]; /* Dữ liệu mẫu — hệ thật đọc danh sách chi nhánh (màn Mạng lưới), nhóm hàng (Danh mục) và tìm SKU qua GET /api/products/search. Mã điểm bán là mã POS (dạng branchId của nguồn bán), không phải tên gõ tay. */ const SCOPE_BRANCHES = [ ['432758', 'Kho tổng Bình Tân', true], ['437217', 'Dược Vương Q.1', false], ['437218', 'Dược Vương Tân Bình', false], ['437219', 'Dược Vương Gò Vấp', false], ['437220', 'Dược Vương Thủ Đức', false], ['437221', 'Dược Vương Bình Chánh', false], ]; const SCOPE_CATEGORIES = ['Kháng sinh', 'Giảm đau · hạ sốt', 'Tim mạch · huyết áp', 'Vitamin & khoáng chất', 'Thiết bị y tế']; const SCOPE_SKU_HINTS = [['SP0455', 'Morphin sulfat 10mg'], ['SP0102', 'Paracetamol 500mg'], ['SP0210', 'Amoxicillin 500mg'], ['SP0333', 'Vitamin C 1000mg']]; const SCOPE_TYPES = [['store', 'Điểm bán'], ['category', 'Nhóm hàng'], ['sku', 'SKU']]; function ScopeOverridesCompact({ cfg, setDirty, setToast }) { const { IconX } = window; const defaults = window.ENGINE_DEFAULTS_38 || {}; /* Một hàng mẫu để thấy hình bảng — [đo prod 28-08] engine_param chưa có ghi đè hẹp nào, nên hệ thật thường mở ra ở trạng thái rỗng (empty-state bên dưới). */ const [rows, setRows] = React.useState([{ scopeType: 'store', scopeId: '437218', key: 'cycle', value: 14 }]); const [scopeType, setScopeType] = React.useState('store'); const [scopeId, setScopeId] = React.useState(''); const [key, setKey] = React.useState('cycle'); const [value, setValue] = React.useState(''); const [confirmDel, setConfirmDel] = React.useState(null); const inp = { boxSizing: 'border-box', padding: '8px 10px', borderRadius: 9, border: '1px solid var(--border-strong)', fontFamily: 'var(--font-body)', fontSize: 13, fontWeight: 600, outline: 'none', background: '#fff' }; const branchName = (code) => { const b = SCOPE_BRANCHES.find((x) => x[0] === code); return b ? b[1] : null; }; const typeLabel = (t) => (SCOPE_TYPES.find((x) => x[0] === t) || ['', t])[1]; const keyLabel = (k) => (SCOPE_KEYS_7.find((x) => x[0] === k) || [k, k])[1]; const keyUnit = (k) => (SCOPE_KEYS_7.find((x) => x[0] === k) || [k, k, ''])[2]; const canAdd = scopeId.trim() !== '' && String(value).trim() !== ''; const add = () => { const id = scopeId.trim(); setRows((rs) => [...rs.filter((r) => !(r.scopeType === scopeType && r.scopeId === id && r.key === key)), { scopeType, scopeId: id, key, value: Number(value) }]); setScopeId(''); setValue(''); setDirty(true); setToast('Đã thêm ghi đè — kế hoạch tính lại khi Lưu.'); }; const remove = (r) => { setRows((rs) => rs.filter((x) => x !== r)); setConfirmDel(null); setDirty(true); setToast(`Đã gỡ ghi đè · ${keyLabel(r.key)} của ${typeLabel(r.scopeType)} ${r.scopeId} về số toàn chuỗi.`); }; const picker = scopeType === 'store' ? : scopeType === 'category' ? : <> setScopeId(e.target.value)} list="proto-sku-hints" placeholder="gõ mã hoặc tên sản phẩm" style={{ ...inp, width: 230, fontFamily: 'var(--font-mono)' }} aria-label="SKU (mã hoặc tên)" />{SCOPE_SKU_HINTS.map(([c, n]) => )}; return (

Mặc định mọi tham số áp toàn chuỗi. Khi trùng nhau, bộ máy lấy phạm vi hẹp nhất: SKU › nhóm hàng › điểm bán › toàn chuỗi. Các khoá khác (18 ô mức phục vụ, công tắc engine…) chỉ có nghĩa toàn chuỗi — đường ghi từ chối.

{picker} setValue(e.target.value)} placeholder={`Giá trị (${keyUnit(key)})`} style={{ ...inp, width: 118, textAlign: 'right', fontFamily: 'var(--font-mono)' }} aria-label="Giá trị ghi đè" />
{rows.length === 0 ?

Chưa có ghi đè nào — mọi phạm vi đang chạy theo số toàn chuỗi.

:
{['Phạm vi', 'Tham số', 'Toàn chuỗi', 'Ghi đè', ''].map((h, i) => )} {rows.map((r) => ( ))}
= 2 ? 'right' : 'left', padding: '8px 12px', fontSize: 11, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--dv-ink-soft)', whiteSpace: 'nowrap' }}>{h}
{typeLabel(r.scopeType)}{r.scopeType === 'store' && branchName(r.scopeId) ? · {branchName(r.scopeId)} : null}
{r.scopeId}
{keyLabel(r.key)}
{r.key}
 {String(cfg && cfg[r.key] != null ? cfg[r.key] : defaults[r.key])} {String(r.value)} {confirmDel === r ? : }
}
); } window.ScopeOverridesCompact = ScopeOverridesCompact;