Skip to content
7893Public

About

Real-time command cockpit for enterprise system rollout. 6-screen responsive dashboard powered by Vue 3, ECharts, FastAPI, and MySQL HeatWave.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

ย 

History

400 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

MOD

ๅคงๅž‹ๆ ธๅฟƒ็ณป็ปŸๆŽจๅนฟไธŠ็บฟๅฎžๆ—ถๆŒ‡ๆŒฅ้ฉพ้ฉถ่ˆฑ

Real-time Command Cockpit for Enterprise System Rollout

ๅŸบไบŽ Vue 3ใ€EChartsใ€FastAPI ไธŽ MySQL HeatWave AutoML ๆž„ๅปบ็š„ไผไธš็บง้ซ˜ๅฏ†ๅบฆใ€ๅคšๅฑๅๅŒๅ†ณ็ญ–ๆŒ‡ๆŒฅไธญๅฟƒ

Quality gates Release: v0.10.0 License: MIT Vue 3 FastAPI TypeScript MySQL HeatWave

็ฎ€ไฝ“ไธญๆ–‡ ยท English ยท ๆ–‡ๆกฃ็ดขๅผ• ยท ๅฝ“ๅ‰็Šถๆ€ ยท ๅทฒ็Ÿฅ้—ฎ้ข˜ ยท ็ฌฌไธ‰ๆ–นๅฃฐๆ˜Ž ยท ๅ˜ๆ›ดๆ—ฅๅฟ—

2026-10-07 ้ƒจ็ฝฒๆ–นๅผ่กฅๅ……๏ผšCI ไป…ๆ‰ง่กŒ่ดจ้‡ๆฃ€ๆŸฅใ€‚ๅ…จ้‡ๆผ”็คบๆ•ฐๆฎ้š Git ๅˆ†ๅทไฟๅญ˜๏ผŒ ้€š่ฟ‡็‹ฌ็ซ‹ๆœฌๅœฐ MySQL ๅˆๅง‹ๅŒ–ๅŽๅช่ฏป่ฟ่กŒ๏ผ›ไธ้œ€่ฆๆ—ง็”Ÿไบง็Žฏๅขƒใ€‚ ๅฏๅŠจๆญฅ้ชค่ง ๆผ”็คบ้ƒจ็ฝฒใ€‚ไปฅไธ‹่‡ชๅŠจ้ƒจ็ฝฒๆ่ฟฐไฟ็•™ไธบๅކๅฒ่ฏดๆ˜Ž๏ผŒๅทฒ่ขซๆœฌๆกๅ–ไปฃใ€‚

Deployment update: CI runs checks only. The bundled full demo seed initializes an independent local MySQL database; see the demo guide above. Earlier automatic deployment descriptions are historical.

2026-10-07 ๅค‡ไปฝ่ฟ็งป่กฅๅ……๏ผšGitHub ไธป็บฟไธŽไธคไธชๆ ‡็ญพๅทฒๅŒๆญฅๆธ…็†ๅŽ็š„ๅކๅฒ๏ผŒๅ…จ้‡ๆ•ฐๆฎๅŒ…้€š่ฟ‡่ฟœ็ซฏๅ…‹้š†ๆ ก้ชŒใ€‚ ้ƒจ็ฝฒ Secrets ไฟ็•™ๅœจ GitHub ็š„ๆœบๅฏ†้…็ฝฎไธญ๏ผŒๆœชๅฏผๅ‡บๅ…ฅๅบ“๏ผ›็”ŸไบงๆœๅŠกไธŽๆบๆ•ฐๆฎๅบ“ๅฐšๆœชๅœ็”จใ€‚ ่ฏฆ็ป†้ชŒๆ”ถไธŽๅŒฟๅ็ญพๅ็š„ GitHub ้ชŒ่ฏ้™ๅˆถ่ง ๅฝ“ๅ‰็Šถๆ€ใ€‚

Backup update: GitHub now contains the cleaned history and verified full demo package. Deployment Secrets remain in GitHub configuration; production retirement is pending. See the current state above for verification limits.

2026-10-07 ๅœ็”จ่กฅๅ……๏ผšMOD ็”ŸไบงๆœๅŠกใ€ๅฎšๆ—ถไปปๅŠกๅ’Œไธ“ๅฑž Nginx ๅ…ฅๅฃๅทฒๅ…ณ้—ญ๏ผ›ๆบๅบ“ไธŽ้ƒจ็ฝฒๆ–‡ไปถไฟ็•™ใ€‚ ๅ…ฑไบซๆ•ฐๆฎๅบ“ๅ’Œ MODO ๆœชๅœ็”จ๏ผŒGitHub Secrets ไฟ็•™ๅค‡็”จใ€‚ไปฅไธŠโ€œ็”Ÿไบงๅฐšๆœชๅœ็”จโ€่ฏดๆ˜ŽๅฑžไบŽๆญคๅ‰้˜ถๆฎตใ€‚

Retirement update: MOD production services, scheduled jobs and its Nginx entry are disabled. Source data and deployment files remain; the shared database, MODO and GitHub Secrets are preserved.

2026-10-08 ไฟ็•™ๆ–นๆกˆ๏ผšๆŒ‰ๆ‰€ๆœ‰่€…ๅ†ณๅฎš๏ผŒ็”Ÿไบงๆ•ฐๆฎไฟ็•™ๅค‡็”จ๏ผŒๅ–ๆถˆๅˆ ๅบ“ๆ่ฎฎใ€‚ ๆจกๆ‹Ÿๅ™จๅ’Œ MOD HeatWave ่‡ชๅŠจๅŠ ่ฝฝใ€้‡่ฎญไฟๆŒๅœ็”จ๏ผ›ๆœชๅธ่ฝฝๅทฒๅŠ ่ฝฝ่กจ๏ผŒไธๅœๆญขๅ…ฑไบซๆ•ฐๆฎๅบ“ใ€‚

Retention update: Production data remains available for future use. Source deletion is cancelled; the simulator and MOD HeatWave automatic loading/retraining remain disabled. Already loaded tables have not been unloaded, and the shared database remains active.

2026-10-08 ็ญพๅไฟฎๅค๏ผšๅ…ญไธชๆ–ฐๅขžๅทฅไฝœๆไบคๅทฒ็”จ GitHub ้š็ง้‚ฎ็ฎฑ้‡ๆ–ฐ็ญพๅ๏ผŒๅ…จ้ƒจ้€š่ฟ‡ GitHub Verified๏ผ› ไปฃ็ ใ€ๆ•ฐๆฎไธŽไธคไธชๆ—ขๆœ‰ๆ ‡็ญพๆœชๆ”นใ€‚ไปฅไธŠๅŒฟๅ้‚ฎ็ฎฑ้ชŒ่ฏ้™ๅˆถๅฑžไบŽไฟฎๅคๅ‰้˜ถๆฎต๏ผŒๆ˜ ๅฐ„ๅŠ้ชŒๆ”ถ่ง ๅฝ“ๅ‰็Šถๆ€ใ€‚

Signature update: All six recent work commits were re-signed using the GitHub noreply email and are GitHub Verified. Code, data and the two existing tags are unchanged; the earlier email verification limitation is historical.

2026-10-08 ไบ‘็ซฏๅœ็”จ่กฅๅ……๏ผšMOD ็š„ 12 ๅผ  HeatWave ่กจๅทฒๅธ่ฝฝ๏ผŒๆบๅบ“ๆ•ฐๆฎไฟ็•™ใ€‚ ไธ“ๅฑž CloudFront ๅˆ†ๅ‘ๅทฒๅœ็”จไฝ†ๆœชๅˆ ้™ค๏ผ›ๅ…ถไป–้กน็›ฎไธŽๅ…ฑไบซๆœๅŠกๆœชๆ”นใ€‚ ๅ•ๆก MOD ๅŸŸๅ่งฃๆžๅˆ ้™ค็ญ‰ๅพ… GCP ้‡ๆ–ฐ่ฎค่ฏ๏ผŒๅฝ“ๅ‰่ฎฐๅฝ•ไปไฟ็•™ใ€‚ไปฅไธŠโ€œๅฐšๆœชๅธ่ฝฝโ€่ฏดๆ˜ŽๅฑžไบŽๆญคๅ‰้˜ถๆฎตใ€‚

Cloud retirement update: MOD's 12 HeatWave tables are unloaded and source data is retained. Its CloudFront distribution is disabled and preserved. Removal of the single MOD DNS record is pending GCP reauthentication; other resources remain unchanged.

Important

MOD ๆ˜ฏ็”จไบŽๆผ”็คบ้ชŒ่ฏใ€ไธšๅŠกไปฟ็œŸไธŽๅทฅ็จ‹็ ”็ฉถ็š„ๅฎŒๆ•ด็ณป็ปŸใ€‚ๅคงๅฑๅฑ•็คบ็š„ 3,200+ ๆœบๆž„ๅ•ไฝใ€41,000+ ไบบๅ‘˜ใ€490 ไธ‡่ดขๅŠกๅ‡ญ่ฏๅŠๅ…จไธšๅŠกๆต่ฝฌไบ‹ไปถ๏ผŒๅ‡ไธบ่‡ชไธปๆ‹Ÿ็œŸๅผ•ๆ“Ž็”Ÿๆˆ็š„ๅˆ่ง„ๅˆๆˆๆ•ฐๆฎ๏ผŒๅ…จ็จ‹ไธไฝฟ็”จไปปไฝ•็œŸๅฎžไผไธšๆ•ๆ„Ÿๆ•ฐๆฎใ€‚


็ฎ€ไฝ“ไธญๆ–‡

ๆ›ดๆ–ฐๆ—ฅๆœŸ๏ผš2026-09-23 ยท ็Šถๆ€๏ผš็Žฐ่กŒ้กน็›ฎๆฆ‚่งˆ ยท ็Žฐ่กŒ็‰ˆๆœฌ๏ผšv0.10.0
้€‚็”จ่Œƒๅ›ด๏ผš็ณป็ปŸๅฎšไฝใ€่ฟ่กŒๆžถๆž„ใ€ๅ…ญๅฑๅ™ไบ‹ใ€ๅผ€ๅ‘ๆŒ‡ๅ—ไธŽไป“ๅบ“ๅฏผ่ˆช

ไธ€ใ€็ณป็ปŸๆฆ‚่ฟฐ

MOD ๅฐ†่ทจ 34 ไธช็œ็บง่กŒๆ”ฟๅŒบใ€ๆ•ฐๅƒๅฎถๅˆ†็บงๅ•ไฝใ€ๅคšๆ‰นๆฌกๆŽจ่ฟ›็š„ๅคงๅž‹ๆ ธๅฟƒไธšๅŠก็ณป็ปŸๅปบ่ฎพๆŽจๅนฟ่ฟ‡็จ‹๏ผŒ่ฝฌๅŒ–ไธบไธ€ๅฅ—้ขๅ‘้ซ˜ๅฑ‚ๅ†ณ็ญ–ไธŽไธ€็บฟไฝœๆˆ˜็š„ๅฏ่ง†ๅŒ–ๆŒ‡ๆŒฅ้ฉพ้ฉถ่ˆฑใ€‚

ๅฎƒๆ‰“็ ดไบ†ไผ ็ปŸไฟกๆฏๅŒ–ๅปบ่ฎพไธญโ€œ่ฟ›ๅบฆ็œ‹ๅ‘จๆŠฅใ€ๆ ธๅฏนๆ‹‰่กจๆ ผใ€้ฃŽ้™ฉ้ ็”ต่ฏโ€็š„ๅ‰ฒ่ฃ‚ๆจกๅผ๏ผŒๆŠŠๅทฅ็จ‹ๅปบ่ฎพ่ฟ›ๅบฆใ€ๆ‰นๆฌกไธŠ็บฟๆŽจ่ฟ›ใ€ไธšๅŠก่ฟ่ฅไฝ่ฏใ€ๅŒ่ฝจๆ ธๅฏนไธ€่‡ดๆ€งใ€ๅˆ่ง„็›‘็ฃไธŽ AI ๆ™บ่ƒฝ็ ”ๅˆค่žไธบไธ€ๆกๅฎŒๆ•ดใ€ๅฏ็ฉฟ้€็š„็ฎก็†ไธป็บฟใ€‚ๆฏ้กนๅฎ่ง‚ๅคง็›˜็ป“่ฎบ๏ผŒๅ‡ๅฏไธ€้”ฎไธ‹้’ปๆ ธ้ชŒ่‡ณๅ…ทไฝ“ๆœบๆž„ใ€ๆ‰นๆฌกใ€ๅทฅๅบไธŽๅŽŸๅง‹ไธšๅŠก่ฏๆฎใ€‚

ไบŒใ€ๅ…ญๅฑ็ซ‹ไฝ“ๅๅŒไฝœๆˆ˜่ง†ๅ›พ

้ฉพ้ฉถ่ˆฑ็”ฑ 6 ไธช้ซ˜ๅฏ†ๅบฆใ€ไบ’็›ธๅ…ณ่”็š„ไธ“ๅฑžๅคงๅฑๆž„ๆˆ๏ผŒๆ‰€ๆœ‰ๅฑๅน•ๅ…ฑไบซๅ…จๅฑ€ Pinia ๅ“ๅบ”ๅผ็Šถๆ€ไธŽๅบ•ๅฑ‚ๆ•ฐๆฎๅฟซ็…ง๏ผš

ๅฑๅน•ๆจกๅ— ๆ ธๅฟƒๅฎšไฝไธŽๅ†ณ็ญ–้‡็‚น
A ยท ้กน็›ฎๆ€ป่งˆ (Overview) ไบ”ๅŸŸๆ€ๅŠฟๅฏผ่ˆชใ€็œๅŸŸๅœฐๅ›พไธŽ่”ๅŠจๆ‘˜่ฆใ€่ทจๅŸŸ่ถ‹ๅŠฟใ€ไปŠๆ—ฅๅ˜ๅŒ–ๅ’Œ่กŒๅŠจ้˜Ÿๅˆ—
B ยท ๅปบ่ฎพ่ฟ›ๅบฆ (Construction) ๅปบ่ฎพๆฆ‚่งˆใ€้˜ถๆฎตไปปๅŠก็Ÿฉ้˜ตใ€ๆปžๅŽ็œๅŸŸใ€ไธŠ็บฟ้—จ็ฆใ€ๆ•ฐๆฎๅฐฑ็ปชๅ’Œๅธธ้ฉปๅฐ่ดฆ้ข„่งˆ
C ยท ไธŠ็บฟๆŽจๅนฟ (Rollout) ๆ‰นๆฌกๅฝ“ๅ‰ๆ€ไธŽๅކๅฒ็ˆฌๅกใ€ๅŒบๅŸŸๆŽจ่ฟ›็ผบๅฃใ€่”็ณปไบบไพ‹ๅค–ๅ’Œๅ•ไฝไธŠ็บฟๅฐ่ดฆ
D ยท ไธšๅŠก่ฟ่ฅ (Operations) ๅ•ๆฎโ€”ๅ‡ญ่ฏโ€”้›†ๆˆ็ซฏๅˆฐ็ซฏ้“พ่ทฏใ€ๆ—ฅๅžๅใ€ๅŒ่ฝจๆ ธๅฏนๅ’Œๆ•ฐๆฎ่ดจ้‡ๅฎก่ฎก
E ยท ๅˆ่ง„็›‘็ฃ (Compliance) ๅˆ่ง„ๆ‘˜่ฆใ€้ฃŽ้™ฉๆ ‡็ญพใ€ๆฒป็†ๅทฅๅ•ๆต่ฝฌใ€ๅฎžๆ—ถๅนฟๆ’ญๅ’Œ้—ฎ้ข˜ไธ‹้’ป
F ยท ้ฃŽ้™ฉไธŽๆ™บ่ƒฝ็ ”ๅˆค (Risk & AI) ้ฆ–่ฆ็“ถ้ขˆไธŽ่กŒๅŠจไผ˜ๅ…ˆ็บงใ€้ฃŽ้™ฉๅˆ†ๅธƒใ€ๆจกๅž‹ๆฒป็†ๅ’Œๆฏๆ—ฅๅ†ณ็ญ–็ฎ€ๆŠฅ

ไธ‰ใ€MOD ็š„ๆ ธๅฟƒๅทฅ็จ‹็‰น่‰ฒ

  • ็ฎก็†ๅ†ณ็ญ–้ฉฑๅŠจ็š„็ซ‹ไฝ“ๅ™ไบ‹๏ผšๆฏไธชๅ›พ่กจไธŽๆŒ‡ๆ ‡ๅกๅ‡ๆœๅŠกไบŽๅ†ณ็ญ–ใ€ๅฏนๆฏ”ใ€ไธ‹้’ปๆˆ–่ฟ่ฅๅŠจไฝœ๏ผŒๆ‹’็ปๅŽ่€Œไธๅฎž็š„่ฃ…้ฅฐๆ€งๅŠจๆ•ˆใ€‚
  • ้ซ˜ๆ‹Ÿ็œŸไธšๅŠก่ฟ่ฝฌไธŽไธฅๆ ผไผš่ฎกๅ‹พ็จฝ๏ผšๅ†…็ฝฎๅ—ๆŽงๆ‹Ÿ็œŸๅผ•ๆ“Ž๏ผŒ้ตๅพชใ€Šไผไธšไผš่ฎกๅ‡†ๅˆ™ใ€‹ๅ…จๅคฉๅ€™ๆจกๆ‹Ÿไผไธšไฝœๆฏ่Š‚ๅพ‹๏ผˆ8:30-11:30, 13:30-17:00๏ผ‰ใ€ๆœˆๆœซๅ†ฒๅˆบๅŠๅขžๅ€ผ็จŽ่ฟ›้”€้กน็œŸๅฎž่ฎฐ่ดฆใ€‚ๅ…จๅบ“ 490 ไธ‡ๅ‡ญ่ฏๅ€Ÿ่ดท 0 ไธๅนณใ€0 ๅญคๅ„ฟๅ•ๆฎใ€0 ็ฉฟ่ถŠๆœชๆฅ็š„่ฟ่ƒŒๆ—ถ้—ดๆ•ฐๆฎใ€‚
  • SWR ๅ†…ๅญ˜ๅฟซ็…งๅŒ็ผ“ๅ†ฒๆœบๅˆถ๏ผˆSLA < 1.0s๏ผ‰๏ผšๅŽ็ซฏ้‡‡็”จ Stale-While-Revalidate ๅผ‚ๆญฅ้ข„็ƒญๆœบๅˆถ๏ผŒๅ‰ๅฐๆŽฅๅฃๆฏซ็ง’็บงๆž้€Ÿๅ“ๅบ”๏ผ›ๅ†…็ฝฎๅˆๆˆๅฟซ็…งๅ…œๅบ•๏ผŒไฟ้šœๆž็ซฏๅ†ทๅฏๅŠจๆˆ–็ฝ‘็ปœๆณขๅŠจๆ—ถ้กต้ข้›ถ็™ฝๅฑใ€้›ถ่ฝฌๅœˆใ€‚
  • ๆน–ไป“ไธ€ไฝ“ๅ†…ๅญ˜ๅŠ ้€ŸไธŽๆœบๅ™จๅญฆไน ๏ผšMySQL HeatWave ๅ†…ๅญ˜้›†็พคๅŠ ่ฝฝ 9 ๅผ ๆ ธๅฟƒๅˆ†ๆžๅคง่กจ๏ผŒๆ”ฏๆ’‘ๅƒไธ‡็บงๆ˜Ž็ป†ๅฎžๆ—ถ่šๅˆ่ฎก็ฎ—ไธŽ AutoML ้ฃŽ้™ฉ่ฏ„ๅˆ†ใ€‚
  • ้ซ˜ๅฏ†ๅบฆๅ“ๅบ”ๅผๅฏ่ง†ๅŒ–ไธŽ็ปŸไธ€่ง†่ง‰ๅฅ‘็บฆ๏ผšVue 3 + ECharts 6 ๅฎž็Žฐ 34 ็œไปฝ็Ÿข้‡ๅœฐๅ›พ็ฉฟ้€ไบคไบ’ใ€่ทจ้ขๆฟ่”ๅŠจใ€ๅŠจๆ€็ง’็บงๆ—ถ้’ŸไธŽ่‡ช้€‚ๅบ”็ผฉๆ”พใ€‚
  • ็Žฐไปฃ่ฝฏไปถๅทฅ็จ‹ไธŽๅˆถๅบฆๅŒ–ๆฒป็†๏ผš
    • ๆœฌๅœฐไธŽ CI ๅค็”จ็ฑปๅž‹ๆฃ€ๆŸฅใ€ๅ•ๅ…ƒๆต‹่ฏ•ใ€้™ๆ€ๅฅ‘็บฆใ€ๆž„ๅปบๅ’Œๆ–‡ๆกฃๆฒป็†้—จ็ฆ๏ผŒๆ˜“ๆผ‚็งป็š„ๆต‹่ฏ•ๆ•ฐ้‡ไธๅœจ README ๆ‰‹ๅทฅๅ›บๅŒ–๏ผ›
    • CI/CD ๅฏ็”จ OpenSSH ControlMaster ่ฟžๆŽฅๅคš่ทฏๅค็”จ๏ผŒๆžๅคงๆๅ‡่‡ชๅŠจๅŒ–้ƒจ็ฝฒๅฏ้ ๆ€ง๏ผ›
    • ๅฝปๅบ•ๅœ็”จ GitHub Issues๏ผŒๅ…จ้ข่ฝฌๅ‘ๅ†…่šๅ—ๆŽง็š„ๆœฌๅœฐๅทฒ็Ÿฅ้—ฎ้ข˜๏ผˆKI๏ผ‰็”Ÿๅ‘ฝๅ‘จๆœŸๆฒป็†ไฝ“็ณป๏ผˆADR-0014๏ผ‰๏ผ›
    • ๅŸบไบŽ git-cliff 2.13.1 ้”ๅฎš็‰ˆๆœฌ่‡ชๅŠจ็”Ÿๆˆ็ป“ๆž„ๅŒ–ๅ‘ๅธƒๅ˜ๆ›ดๆ—ฅๅฟ—ใ€‚

ๅ››ใ€็ณป็ปŸ่ฟ่กŒๆžถๆž„

                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚               Global DNS / CDN              โ”‚
                โ”‚         Edge Acceleration & Security        โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                                       โ”‚ HTTPS / TLS
                                       โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚              Nginx Origin Gate              โ”‚
                โ”‚         Reverse Proxy & Path Routing        โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                          โ”‚ (Static Assets)         โ”‚ (API Proxy /api/*)
                          โ–ผ                         โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚     Vue 3 SPA     โ”‚     โ”‚  FastAPI Backend  โ”‚
                โ”‚   Responsive UI   โ”‚     โ”‚   Read-Only API   โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                          โ”‚ (Offline SWR)           โ”‚ (Query & Cache)
                          โ–ผ                         โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚  Bundled Snapshot โ”‚     โ”‚   MySQL HeatWave  โ”‚
                โ”‚   Offline Guard   โ”‚     โ”‚ In-Memory & AutoMLโ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–ฒโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                                                    โ”‚ (Transaction Feed)
                                                    โ”‚ (Autonomous Loop)
                                          โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                                          โ”‚   mod-simulator   โ”‚
                                          โ”‚  Synthetic Engine โ”‚
                                          โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

ๆžถๆž„ๅˆ†ๅฑ‚่ฏดๆ˜Ž๏ผš

  • ่พน็ผ˜้˜ฒๆŠคไธŽๅ…จ็ƒๅŠ ้€Ÿ๏ผˆGlobal DNS / CDN๏ผ‰๏ผšๆไพ›ๅŸบไบŽ่พน็ผ˜่Š‚็‚น็š„ DDoS ้˜ฒๆŠคใ€TLS ็ปˆ็ป“ไธŽๅฐฑ่ฟ‘่ฎฟ้—ฎๅŠ ้€Ÿใ€‚
  • ๆบ็ซ™ๅๅ‘ไปฃ็†้—จ็ฆ๏ผˆNginx Origin Gate๏ผ‰๏ผš็ปŸไธ€ๅฎ‰ๅ…จ้—จ็ฆ๏ผŒไธฅๆ ผ้š”็ฆป็ง็ฝ‘ๆœๅŠก๏ผŒ่ดŸ่ดฃ /assets/* ๅ‰็ซฏ้™ๆ€่ต„ๆบ็›ดๅ‘ไธŽ /api/* ๅŽ็ซฏๆŽฅๅฃๅฎ‰ๅ…จๅๅ‘ไปฃ็†ใ€‚
  • ๅ‰็ซฏไบคไบ’้ฉพ้ฉถ่ˆฑ๏ผˆVue 3 SPA๏ผ‰๏ผšๅŸบไบŽ Vue 3ใ€TypeScript ไธŽ ECharts ๆž„ๅปบ็š„ๅ“ๅบ”ๅผๆŒ‡ๆŒฅ็œ‹ๆฟ๏ผŒๅ†…็ฝฎ็ฆป็บฟๅฟซ็…งๅ…œๅบ•๏ผˆBundled Snapshot๏ผ‰๏ผŒไฟ้šœๅ†ทๅฏๅŠจไธŽ็ฝ‘็ปœๆณขๅŠจๆ—ถ้›ถ็™ฝๅฑใ€้›ถ่ฝฌๅœˆใ€‚
  • ้ซ˜ๆ€ง่ƒฝๅŽ็ซฏๆ ธๅฟƒ๏ผˆFastAPI Backend๏ผ‰๏ผšๅช่ฏป้ซ˜ๆ€ง่ƒฝๅผ‚ๆญฅไธšๅŠกๆŽฅๅฃๅฑ‚๏ผŒๅŸบไบŽ SWR ๆœบๅˆถๅผ‚ๆญฅ้ข„็ƒญๅ†…ๅญ˜็ผ“ๅญ˜๏ผŒไฟๆŒๅ…จๆŽฅๅฃ SLA < 1.0sใ€‚
  • ๆน–ไป“ไธ€ไฝ“ๆ•ฐๆฎไธŽๆœบๅ™จๅญฆไน ๅบ•ๅบง๏ผˆMySQL HeatWave๏ผ‰๏ผšๆ”ฏๆ’‘ๅƒไธ‡็บงๆ˜Ž็ป†ๅˆ—ๅญ˜ๅ†…ๅญ˜ๅˆ†ๆžไธŽ AutoML ๆ™บ่ƒฝ้ฃŽ้™ฉ็ ”ๅˆคๆจกๅž‹ใ€‚
  • ้ซ˜ไฟ็œŸไธšๅŠกไปฟ็œŸๅผ•ๆ“Ž๏ผˆmod-simulator๏ผ‰๏ผšๅ…จๅคฉๅ€™ๆŒ‰็œŸๅฎžไฝœๆฏ่Š‚ๅพ‹้ฉฑๅŠจไธšๅŠกๅ•ๆฎไธŽไผš่ฎกๅ‡ญ่ฏๆผ”ๅŒ–ๆŽจ่ฟ›๏ผŒไธบ็ณป็ปŸๆไพ›ๅˆ่ง„ๅˆๆˆๆ•ฐๆฎๆบใ€‚

ๆ ‡ๅ‡†็”Ÿไบงไบคไป˜็”ฑ GitHub Actions ๆตๆฐด็บฟๅœจไปฃ็  push ่‡ณ main ๅˆ†ๆ”ฏๆ—ถ่‡ชๅŠจ่งฆๅ‘ๅ…จ้‡้—จ็ฆๆฃ€้ชŒไธŽ็”ŸไบงๆœบๅŽŸๅญ่ฝฏ้“พ้ƒจ็ฝฒ๏ผ›่ฟ่กŒๅ‡ญๆฎไธฅๆ ผไฟ็•™ๅœจไปฃ็ ๅบ“ไน‹ๅค–ใ€‚

ไบ”ใ€ๆŠ€ๆœฏๆ ˆ็Ÿฉ้˜ต

ๆžถๆž„ๅฑ‚็บง ๆ ธๅฟƒๆŠ€ๆœฏ้€‰ๅž‹
ๅ‰็ซฏๅคงๅฑ (Frontend) Vue 3.5ใ€TypeScript 5.9ใ€Piniaใ€ECharts 6.1ใ€Tailwind CSSใ€Vite
ๅŽ็ซฏๆŽฅๅฃ (Backend) FastAPIใ€Python 3.13.16ใ€SQLAlchemy 2.0ใ€Uvicornใ€Pydantic
ๆ•ฐๆฎไธŽๆน–ไป“ๅŠ ้€Ÿ (Data) MySQL 8.4 HeatWaveใ€HeatWave In-Memory Clusterใ€AutoML
่ดจ้‡ไธŽๅฎ‰ๅ…จไฟ้šœ (QA) Pytestใ€Vitestใ€Playwrightใ€Ruffใ€vue-tscใ€ESLintใ€Stylelintใ€pre-commitใ€detect-secretsใ€gitlintใ€Lychee ไธŽ MOD ไธ“ๆœ‰ๅฅ‘็บฆ
้ƒจ็ฝฒไธŽไบคไป˜่ฟ็ปด (Ops) Nginxใ€systemdใ€ๅŽŸๅญ็‰ˆๆœฌ่ฝฏ้“พๅˆ‡ๆขใ€GitHub Actionsใ€Fail2ban ้˜ฒๆŠค

ๅ…ญใ€ๆœฌๅœฐๅฟซ้€ŸๅฏๅŠจ

ๅ‰็ฝฎๅผ€ๅ‘็Žฏๅขƒ๏ผšPython 3.13.16ใ€uvใ€Node.js 26.10.0ใ€pnpm 12.8.1 ไธŽ Makeใ€‚ Node ไธŽ pnpm ็‰ˆๆœฌ็š„ไป“ๅบ“็บงไบ‹ๅฎžๆบไธบ .tool-versions๏ผ›asdf ็”จๆˆทๅฏๅœจไป“ๅบ“ๆ น็›ฎๅฝ•่ฟ่กŒ asdf installใ€‚

# 1. ๅฏๅŠจๅŽ็ซฏ API ๆœๅŠก๏ผˆ็ปˆ็ซฏ 1๏ผ‰
cd backend
uv sync --all-extras
uv run uvicorn app.main:app --host 127.0.0.1 --port 8100

# 2. ๅฏๅŠจๅ‰็ซฏ้ฉพ้ฉถ่ˆฑ๏ผˆ็ปˆ็ซฏ 2๏ผ‰
cd frontend
pnpm install
pnpm dev
# ๆœฌๅœฐ่ฎฟ้—ฎ๏ผšhttp://127.0.0.1:5173/

ๅ‰็ซฏๅทฒๅ†…็ฝฎ็ฆป็บฟๅˆๆˆๅฟซ็…งๆ•ฐๆฎ๏ผŒๆ— ้œ€้…็ฝฎๆœฌๅœฐๆ•ฐๆฎๅบ“ๅณๅฏๅฎŒๆ•ดไฝ“้ชŒๅ…ญๅฑ่”ๅŠจไบคไบ’ใ€‚่‹ฅ้œ€่ฟžๆŽฅๆ•ฐๆฎๅบ“๏ผŒ่ฏทๅ‚่€ƒ docs/development/ ้…็ฝฎๆœฌๅœฐ็Žฏๅขƒๆ–‡ไปถใ€‚ ไป“ๅบ“ไธๅˆ†ๅ‘ไธญๅ›ฝๅœฐๅ›พๅ‡ ไฝ•ๆ•ฐๆฎ๏ผ›ๅœฐๅ›พ้ป˜่ฎคๆ˜พ็คบๆœช้…็ฝฎ็Šถๆ€ใ€‚้ƒจ็ฝฒ่€…ๅชๆœ‰ๅœจ่‡ช่กŒ็กฎ่ฎคๆ•ฐๆฎๆŽˆๆƒใ€็ŽฐๅŠฟๆ€งไธŽ้€‚็”จๆณ•่ง„ๅŽ๏ผŒ ๆ‰ๅบ”้€š่ฟ‡ VITE_CHINA_MAP_GEOJSON_URL ๆไพ›ๅ…ผๅฎน ECharts ็š„ GeoJSON FeatureCollectionใ€‚

ๆไบคไปฃ็ ๅ‰่ฏทๆ‰ง่กŒๅ…จ้‡่ดจ้‡้—จ็ฆ๏ผš

make check

ไธƒใ€ๆ ธๅฟƒๆ–‡ๆกฃๅฏผ่ˆช

ๅ…ณ้”ฎๆ–‡ๆกฃ ็”จ้€”่ฏดๆ˜Ž
AGENTS.md ไบบ็ฑปไธŽ AI ็ผ–็ ๅŠฉๆ‰‹ๅฟ…้กปไธฅๆ ผ้ตๅฎˆ็š„ไป“ๅบ“็บข็บฟไธŽๆœ€้ซ˜็บฆๆŸ
ENFORCEMENT.md ๅœจๆไบคใ€ๆต‹่ฏ•ใ€ๅ‘ๅธƒๅŠจไฝœ็‚นๅผบๅˆถๆ‰ง่กŒ็š„ๅฎ‰ๅ…จไธŽๆฒป็†้—ธ้—จ
CONTRIBUTING.md ๆ ‡ๅ‡†ๅผ€ๅ‘ใ€่‡ช้ชŒใ€ๆ–‡ๆกฃๅŒๆญฅไธŽๅŽŸๅญๆไบคๅทฅไฝœๆต
SUPPORT.md / SECURITY.md ๅ…ฌๅ…ฑๆ”ฏๆŒ่พน็•ŒไธŽ็งๅฏ†ๆผๆดžๆŠฅๅ‘Šๅ‰ๆ
็ฌฌไธ‰ๆ–น็ป„ไปถไธŽๆ•ฐๆฎๆฅๆบๅฃฐๆ˜Ž (THIRD_PARTY_NOTICES.md) ็ฌฌไธ‰ๆ–น็ป„ไปถๅฃฐๆ˜Žใ€ไธญๅ›ฝๅœฐๅ›พๆ•ฐๆฎ้š”็ฆป็ญ–็•ฅไธŽไฝฟ็”จ่พน็•Œ
ๅฝ“ๅ‰็Šถๆ€ไบ‹ๅฎž (CURRENT-STATE.md) ๅฝ“ๅ‰่ฟ่กŒ็Žฏๅขƒใ€ๆ•ฐๆฎ่ง„ๆจกไธŽๆŠ€ๆœฏไบ‹ๅฎž็š„ๅ”ฏไธ€ๅฎ˜ๆ–นๅ…ฅๅฃ
ๆ–‡ๆกฃๆ€ป็ดขๅผ• (INDEX.md) ็Žฐ่กŒๆžถๆž„ใ€ๅผ€ๅ‘ๆ ‡ๅ‡†ใ€ADR ๅ†ณ็ญ–ใ€ๅކๅฒ่ต„ๆ–™ไธŽๆ“ไฝœ่พน็•Œๆ€ป่งˆ
ๅทฒ็Ÿฅ้—ฎ้ข˜็œ‹ๆฟ (KNOWN-ISSUES.md) ็ณป็ปŸๆŠ€ๆœฏๅ€บๅŠกไธŽ็ผบ้™ท็œ‹ๆฟ๏ผˆๅทฒๆŒ‰ ADR-0014 ้—ญ็Žฏ็ฎก็†๏ผ‰
ๅ˜ๆ›ดๆ—ฅๅฟ— (CHANGELOG.md) ๅŸบไบŽ git-cliff ็”ฑ่ฏญไน‰ๅŒ–ๆไบค่‡ชๅŠจ็”Ÿๆˆ็š„็‰ˆๆœฌๅ‘่กŒๅކๅฒ

ๅ…ซใ€ๅผ€ๆบ่ฎธๅฏ

MOD ่‡ช็ ”ไปฃ็ ้ตๅพช MIT License ๅผ€ๆบๅ่ฎฎใ€‚ไป“ๅบ“ใ€ไพ่ต–้”ไธŽ้ป˜่ฎคๆž„ๅปบๅ‡ไธๅŒ…ๅซไธญๅ›ฝๅœฐๅ›พๅ‡ ไฝ•ๆ•ฐๆฎ๏ผ› ๅœฐๅ›พ่ƒฝๅŠ›ไป…ๅœจ้ƒจ็ฝฒ่€…้€š่ฟ‡ VITE_CHINA_MAP_GEOJSON_URL ๆ˜พๅผๆไพ›ๅนถ่‡ช่กŒ็กฎ่ฎคๅˆ่ง„็š„ๆ•ฐๆฎๆบๅŽๅฏ็”จใ€‚ ็ฌฌไธ‰ๆ–น็ป„ไปถๅฃฐๆ˜ŽๅŠๅœฐๅ›พไฝฟ็”จ่พน็•Œ่ง็ฌฌไธ‰ๆ–น็ป„ไปถไธŽๆ•ฐๆฎๆฅๆบๅฃฐๆ˜Žใ€‚


English

Updated: 2026-09-23 ยท Status: Active project overview ยท Current release: v0.10.0
Scope: System positioning, architecture, 6-screen storytelling, development guide, and repository navigation

1. System Overview

MOD transforms the complex, multi-stage rollout of an enterprise-level core business system across 34 provincial regions and thousands of sub-units into a high-density, decision-ready visual command center.

It replaces the traditional, fragmented approach of "tracking progress via status reports, reconciling data across spreadsheets, and resolving risks through phone calls" with a unified, drillable management thread connecting construction milestones, rollout readiness, operational evidence, dual-run accounting reconciliation, compliance posture, and AI-driven decision briefings. Every top-level finding can be seamlessly drilled down into specific organizations, batches, stages, and raw business records.

2. Six Coordinated Command Views

The command cockpit comprises 6 dense, interconnected screens sharing global Pinia reactive state and in-memory data snapshots:

Screen Core Purpose & Decision Focus
A ยท Overview Five-domain navigation, regional map and linked summaries, cross-domain trends, daily changes, and action queue
B ยท Construction Construction overview, stage matrix, lagging regions, go-live gates, data readiness, and persistent ledger preview
C ยท Rollout Current and historical batch progress, regional rollout gaps, contact exceptions, and unit rollout ledger
D ยท Operations End-to-end document, voucher, and integration flow, daily throughput, dual-run reconciliation, and quality audits
E ยท Compliance Compliance summary, risk tags, governance workflow, live activity, and issue drill-down
F ยท Risk & Intelligence Primary bottlenecks, action priorities, risk distribution, model governance, and daily decision briefings

3. Key Engineering Highlights

  • Decision-Centric Visual Storytelling: Every chart and card directly supports decision-making, comparative analysis, drill-down, or operational follow-up.
  • High-Fidelity Synthetic Operations & Rigorous Accounting: Powered by an autonomous simulation engine following standard enterprise accounting rules. Generates realistic diurnal rhythms (8:30-11:30, 13:30-17:00), month-end closing surges, and VAT input/output tracking. Across 4.9M vouchers, there are exactly 0 debit/credit imbalances, 0 orphan records, and 0 future date anomalies.
  • SWR In-Memory Snapshot Double Buffering (SLA < 1.0s): Employs Stale-While-Revalidate caching for millisecond API responses with asynchronous backend prewarming. Bundled fallback snapshots guarantee zero white-screen and zero-spinner resilience even during cold starts or network fluctuations.
  • Lakehouse In-Memory Acceleration & AutoML: 9 core analytics tables are loaded into the MySQL HeatWave in-memory cluster, enabling instant multi-million row aggregations and automated risk scoring.
  • Dense, Responsive Visualization: Vue 3 and ECharts 6 deliver interactive 34-region map penetration, cross-panel filtering, a real-time ticking clock, and auto-scaling layouts.
  • Enterprise Engineering Rigor:
    • Local and CI workflows share type, unit, static-contract, build, and documentation gates; volatile test counts are derived rather than copied into this README;
    • CI/CD hardened with OpenSSH ControlMaster connection multiplexing for rapid, reliable deployments;
    • GitHub Issues deprecated in favor of a locally governed Known Issues (KI) lifecycle system (ADR-0014);
    • Reproducible release changelogs generated automatically with pinned git-cliff 2.13.1.

4. System Architecture

                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚               Global DNS / CDN              โ”‚
                โ”‚         Edge Acceleration & Security        โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                                       โ”‚ HTTPS / TLS
                                       โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚              Nginx Origin Gate              โ”‚
                โ”‚         Reverse Proxy & Path Routing        โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                          โ”‚ (Static Assets)         โ”‚ (API Proxy /api/*)
                          โ–ผ                         โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚     Vue 3 SPA     โ”‚     โ”‚  FastAPI Backend  โ”‚
                โ”‚   Responsive UI   โ”‚     โ”‚   Read-Only API   โ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                          โ”‚ (Offline SWR)           โ”‚ (Query & Cache)
                          โ–ผ                         โ–ผ
                โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                โ”‚  Bundled Snapshot โ”‚     โ”‚   MySQL HeatWave  โ”‚
                โ”‚   Offline Guard   โ”‚     โ”‚ In-Memory & AutoMLโ”‚
                โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ–ฒโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                                                    โ”‚ (Transaction Feed)
                                                    โ”‚ (Autonomous Loop)
                                          โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                                          โ”‚   mod-simulator   โ”‚
                                          โ”‚  Synthetic Engine โ”‚
                                          โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Architecture Layer Breakdown:

  • Global DNS / CDN: Edge-level DDoS protection, TLS termination, and accelerated static asset routing.
  • Nginx Origin Gate: Origin-side security ingress routing /assets/* to frontend static artifacts and reverse-proxying /api/* to the FastAPI backend.
  • Vue 3 SPA: Interactive command cockpit built with Vue 3, TypeScript, and ECharts, featuring bundled snapshot fallbacks to guarantee zero spinners during cold starts or network lags.
  • FastAPI Backend: Read-only asynchronous service layer utilizing SWR prewarming caches to uphold strict SLA < 1.0s.
  • MySQL HeatWave: Lakehouse in-memory columnar acceleration for multi-million row aggregations and integrated AutoML risk attribution.
  • mod-simulator: High-fidelity autonomous simulation engine driving realistic enterprise business transaction and accounting voucher streams.

Standard production delivery runs through GitHub Actions CI/CD upon push to main with full quality gates and atomic release symlinks on the dedicated production host. Runtime credentials remain strictly outside Git.

5. Technology Stack Matrix

Layer Core Technologies
Frontend Vue 3.5, TypeScript 5.9, Pinia, ECharts 6.1, Tailwind CSS, Vite
Backend FastAPI, Python 3.13.16, SQLAlchemy 2.0, Uvicorn, Pydantic
Data & Acceleration MySQL 8.4 HeatWave, HeatWave In-Memory Cluster, AutoML
Quality & Assurance Pytest, Vitest, Playwright, Ruff, vue-tsc, ESLint, Stylelint, pre-commit, detect-secrets, gitlint, Lychee, and MOD-specific contracts
Operations & Delivery Nginx, systemd, atomic release symlinks, GitHub Actions, Fail2ban

6. Local Quick Start

Prerequisites: Python 3.13.16, uv, Node.js 26.10.0, pnpm 12.8.1, and Make. The repository-level Node and pnpm version source is .tool-versions; asdf users can run asdf install from the repository root.

# 1. Start Backend API Service (Terminal 1)
cd backend
uv sync --all-extras
uv run uvicorn app.main:app --host 127.0.0.1 --port 8100

# 2. Start Frontend Cockpit (Terminal 2)
cd frontend
pnpm install
pnpm dev
# Local access: http://127.0.0.1:5173/

The frontend includes bundled synthetic snapshot data, allowing complete exploration of all 6 screens without configuring a local database. To connect to a database, see docs/development/ for environment configuration. The repository does not distribute China map geometry, so the map honestly reports an unconfigured source by default. A deployer may set VITE_CHINA_MAP_GEOJSON_URL to an ECharts-compatible GeoJSON FeatureCollection only after independently confirming its authorization, currency, and regulatory suitability.

Run the full quality gate before committing:

make check

7. Repository Navigation

Entry Purpose
AGENTS.md Mandatory red lines and constraints for humans and AI agents
ENFORCEMENT.md Action-time safety and governance gates enforced during development
CONTRIBUTING.md Standard development, verification, doc sync, and commit workflows
SUPPORT.md / SECURITY.md Public support boundaries and private vulnerability reporting prerequisites
Third-Party Notices (THIRD_PARTY_NOTICES.md) Third-party component notices, China-map data isolation policy, and usage boundaries
Current State (CURRENT-STATE.md) Canonical source of truth for runtime, data, and architecture facts
Documentation Index (INDEX.md) Master directory for architecture standards, ADRs, operations, and history
Known Issues (KNOWN-ISSUES.md) Defect and technical debt tracker (governed per ADR-0014)
Changelog (CHANGELOG.md) Automated release history generated from verified Git commits

8. License

MOD-authored code is released under the MIT License. The repository, dependency lock, and default build contain no China map geometry. Map rendering is enabled only when a deployer explicitly supplies a source through VITE_CHINA_MAP_GEOJSON_URL after independently confirming compliance. See the Third-Party Notices for component notices and map-use boundaries.

About

Real-time command cockpit for enterprise system rollout. 6-screen responsive dashboard powered by Vue 3, ECharts, FastAPI, and MySQL HeatWave.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages