/* eslint-disable */ // Dashboard.jsx — Module 4 screens. // ---------- S4.1 Dashboard — Variant A (balance hero + activity) ---------- const S4_1_Dashboard_A = () => ( } /> {/* Hero balance row */}
{/* Big balance */}
Total KGST · all chains
{[['eth','Ethereum','5,224,310.41'],['tron','Tron','3,500,000.00'],['bnb','BNB','0.00']].map(([k,n,v]) => (
{n}
{v}
))}
{/* Pending settle */} Pending settlement
5,000,000.00 KGS
1 inbound mint · awaiting wire
Outbound burn 0.00 KGS
{/* MTD activity */}
Month to date Jan 2026
Minted
12.4M
Burned
4.2M
{/* Activity + quick actions */}
Recent transactions
Quick actions
December reserve attestation published
Independent auditor: BDO Kyrgyzstan · 99.98% coverage
Open report →
); // ---------- S4.1 Dashboard — Variant B (split chain panels) ---------- const S4_1_Dashboard_B = () => (
S4.1 · Variant B · Treasury overview

Balances by chain

13 Jan 2026 · 14:24 UTC · auto-refresh 12s
{/* aggregate stripe */}
Aggregate KGST balance
Pending
1 mint · 5.0M KGS in flight
{/* per-chain cards */}
{/* table + side panel */}
Recent transactions
Compliance & alerts
); const BarStat = ({ label, value, up, tone }) => (
{label}
{value}
); const ChainBalanceCard = ({ chain, balance, pct, txs, addrs, empty }) => (
{CHAIN_MAP[chain].name} {CHAIN_MAP[chain].short}-20
{pct}% of total · {txs} txs this month {addrs} address{addrs === 1 ? '' : 'es'}
); const FilterChip = ({ label, active }) => ( {label} ); const QuickRow = ({ icon, title, body }) => { const I = Icons[icon]; return (
{title}
{body}
); }; const AlertRow = ({ tone, title, body }) => { const tones = { success: ['var(--green-400)', 'rgba(79,168,106,0.12)'], amber: ['var(--amber-400)', 'rgba(225,165,58,0.12)'], danger: ['var(--red-400)', 'rgba(196,69,69,0.12)'], neutral: ['var(--bone-4)', 'rgba(255,244,219,0.06)'], }; const [c, bg] = tones[tone]; return (
{title}
{body}
); }; // ---------- Transaction table ---------- const RECENT_TX = [ { id: 'KGST-MINT-2026000914', dir: 'mint', amount: '5,000,000.00', chain: 'tron', status: 'pending', time: '13 Jan · 14:18', tx: '6FA2c8b1…ba31' }, { id: 'KGST-BURN-2026000418', dir: 'burn', amount: '2,500,000.00', chain: 'eth', status: 'settled', time: '13 Jan · 09:02', tx: '0xd4f9…91a8' }, { id: 'KGST-MINT-2026000877', dir: 'mint', amount: '8,000,000.00', chain: 'tron', status: 'settled', time: '11 Jan · 16:44', tx: '6FA2…12c3' }, { id: 'KGST-BURN-2026000391', dir: 'burn', amount: '1,200,000.00', chain: 'eth', status: 'settled', time: '10 Jan · 11:11', tx: '0x88ea…91fc' }, { id: 'KGST-MINT-2026000842', dir: 'mint', amount: '3,500,000.00', chain: 'tron', status: 'settled', time: '08 Jan · 10:02', tx: 'A9C1…78f0' }, { id: 'KGST-MINT-2026000818', dir: 'mint', amount: '900,000.00', chain: 'eth', status: 'failed', time: '07 Jan · 19:14', tx: '0x77fd…1a23' }, { id: 'KGST-BURN-2026000366', dir: 'burn', amount: '1,000,000.00', chain: 'eth', status: 'settled', time: '05 Jan · 13:31', tx: '0x40c1…aa54' }, ]; const TxTable = ({ rows, dense, onRowClick }) => { const t = (typeof useT === 'function') ? useT() : ((en) => en); return (
{[t('Request', 'Запрос'), t('Direction', 'Направление'), t('Amount', 'Сумма'), t('Chain', 'Сеть'), t('Status', 'Статус'), t('When', 'Когда'), t('Tx hash', 'Хэш транз.')].map(h => ( ))} {rows.map((r, i) => ( onRowClick(r) : undefined} style={{ borderBottom: '1px solid var(--border-subtle)', cursor: onRowClick ? 'pointer' : 'default', transition: 'background 120ms ease', }} onMouseEnter={onRowClick ? e => { e.currentTarget.style.background = 'rgba(255,244,219,0.03)'; } : undefined} onMouseLeave={onRowClick ? e => { e.currentTarget.style.background = 'transparent'; } : undefined} > ))}
{h}
{r.id} {r.dir === 'mint' ? : } {r.dir === 'mint' ? t('Mint', 'Эмиссия') : t('Burn', 'Погашение')} {r.amount} KGST {CHAIN_MAP[r.chain].name} {r.status === 'settled' ? t('Settled', 'Исполнено') : r.status === 'pending' ? t('Pending', 'В ожидании') : t('Failed', 'Ошибка')} {r.time} {r.tx}
); }; // ---------- S4.2 Transactions list ---------- const S4_2_Transactions = () => ( } /> {/* filter bar */}
Search request ID, address, tx hash…
Showing 1–7 of 142 requests
{[1,2,3,'…',21].map((p,i) => ( {p} ))}
); const FilterDropdown = ({ label, value }) => (
{label}: {value}
); // ---------- S4.3 Settings — Bank accounts ---------- const S4_3_Banks = () => ( }>Add account} /> {[ { bank: 'Optima Bank OJSC', swift: 'ENEJKG22', acct: '1170 0702 4000 5611', holder: 'Binance Asia Services Pte. Ltd.', country: 'Kyrgyzstan', isDefault: true, added: '14 Jan 2026' }, { bank: 'DemirBank', swift: 'DEMIKG22', acct: '1090 4001 0023 8842', holder: 'Binance Asia Services Pte. Ltd.', country: 'Kyrgyzstan', isDefault: false, added: '02 Feb 2026' }, ].map((b, i, arr) => (
{b.bank} {b.isDefault ? Default : null}
SWIFT {b.swift} · A/C {b.acct}
{b.holder} · {b.country} · added {b.added}
{!b.isDefault ? : null}
))}
Adding or modifying a bank account requires 2FA confirmation and an emailed click-through.
); // ---------- S4.4 Settings — Wallet addresses ---------- const S4_4_Wallets = () => ( }>Bind new address} /> {[ { chain: 'eth', count: 2, addrs: [ { name: 'Treasury · Cold storage', addr: '0x9b21A8e7d1f5C4b8Ad3F8c2E9B7d3A1F6c2E4d8B', added: '12 Oct 2025', balance: '5,224,310.41' }, { name: 'Operations · Hot wallet', addr: '0x4Ad7b2F9c1B8E6d2A5F3c8B1d9E2A6F4c7B3d1E5', added: '03 Dec 2025', balance: '0.00' }, ]}, { chain: 'tron', count: 1, addrs: [ { name: 'Treasury · Tron', addr: 'TKgQ9b2A4Fz81G7tHpY5sLwM2eC8DfN6Vx', added: '21 Nov 2025', balance: '3,500,000.00' }, ]}, { chain: 'bnb', count: 0, addrs: [] }, ].map((g, i) => (
{CHAIN_MAP[g.chain].name} {g.count} address{g.count === 1 ? '' : 'es'}
{g.addrs.length === 0 ? (
No addresses bound on this chain yet.
) : g.addrs.map((a, j) => (
{a.name}
{a.addr}
{a.balance} KGST
Bound {a.added}
))} ))} ); // ---------- S4.5 Settings — API keys ---------- const S4_5_API = () => ( }>Create key} /> {['Name','Key','Scopes','Created','Last used','Status',''].map(h => ( ))} {[ { name: 'binance-prod', key: 'kgst_live_a4F…7Q2', scopes: 'mint, burn, read', created: '14 Jan 2026', used: '2 min ago', status: 'active' }, { name: 'binance-staging', key: 'kgst_test_xZ1…r9C', scopes: 'mint, burn, read', created: '14 Jan 2026', used: '3 days ago', status: 'active' }, { name: 'treasury-readonly', key: 'kgst_live_p9Y…m1V', scopes: 'read', created: '02 Feb 2026', used: '17 days ago', status: 'active' }, { name: 'legacy-ops', key: 'kgst_live_q8C…b3J', scopes: 'mint, burn, read', created: '03 Sep 2025', used: '120 days ago', status: 'revoked' }, ].map((k, i, arr) => ( ))}
{h}
{k.name} {k.key}
{k.scopes.split(', ').map(s => {s})}
{k.created} {k.used} {k.status === 'active' ? 'Active' : 'Revoked'} {k.status === 'active' ? : }
Keys with mint/burn scope can move funds. Treat them with the same care as wire-instruction passwords; rotate every 90 days.
); // ---------- S4.6 Settings — Security ---------- const S4_6_Security = () => (
Two-factor authentication TOTP active
Authenticator app is your primary 2FA. Email is kept as a fallback.
Authenticator (TOTP) · primary
Bound 14 Jan 2026 · Last used 2 min ago
Email codes · fallback
treasury@binance.com · used if TOTP unavailable
Password
Last changed 03 Dec 2025 · 42 days ago
Active sessions
3 devices currently signed in.
{[ { dev: 'MacBook Pro · Chrome 132', loc: 'Singapore, SG · 13 Jan 14:24 UTC', current: true }, { dev: 'iPhone 15 Pro · KGST iOS', loc: 'Singapore, SG · 13 Jan 11:48 UTC', current: false }, { dev: 'Windows 11 · Edge 121', loc: 'Hong Kong, HK · 11 Jan 09:02 UTC', current: false }, ].map((d, i, arr) => (
{d.dev} {d.current ? This device : null}
{d.loc}
{!d.current ? : null}
))}
Notifications
{[ ['New sign-in', 'Email me when a new device signs into this account.', true], ['Mint / burn completion', 'Email a signed receipt on every settlement.', true], ['Reserve attestations', 'Notify when the monthly attestation is published.', true], ['Weekly summary', 'A digest of last week\'s activity.', false], ].map(([t, body, on], i) => (
{t}
{body}
))}
); const ToggleSwitch = ({ on }) => ( ); // ---------- Sub-nav for settings ---------- const SettingsLayout = ({ current, children }) => { const items = [ ['banks', 'Bank accounts'], ['wallets', 'Wallet addresses'], ['apikeys', 'API keys'], ['security', 'Security'], ]; return (
{children}
); }; Object.assign(window, { S4_1_Dashboard_A, S4_1_Dashboard_B, S4_2_Transactions, S4_3_Banks, S4_4_Wallets, S4_5_API, S4_6_Security, RECENT_TX, TxTable, });