สร้างภาพจำลองแดชบอร์ดโหมดมืดสไตล์ญี่ปุ่นสุดล้ำ สำหรับการแสดงภาพขั้นตอนการเริ่มต้นสตาร์ทอัพเกม AI และการออกคำสั่งอัตโนมัติ
{"type":"futuristic dark-mode Japanese web dashboard UI mockup","app_brand":"NEURALJACK","main_title":"AIゲーム起動フロー デモ","subtitle":"หน้าจอควบคุมที่ให้คุณสั่งการประชุมภายในได้ทันทีขณะดูขั้นตอนการเปิดใช้งาน","style":{"theme":"cyberpunk SaaS control panel, deep navy and black background, glowing cyan borders, neon blue accents, rounded cards, subtle gradients, compact Japanese typography","canvas":"wide 16:9 screenshot-like composition","lighting":"soft blue glow, high contrast, polished product demo look"},"layout":{"top_bar":{"position":"full width top","left_logo":"rounded square cyan NJ icon plus brand text","center_title":"large bold Japanese title","right_nav_count":3,"right_nav_items":["เอกสาร","การแจ้งเตือน พร้อมป้ายสีฟ้า 2","การตั้งค่า"]},"left_sidebar":{"title":"ขั้นตอนการเปิดใช้งาน","position":"left column","step_count":6,"steps":[{"number":1,"label":"เปิดใช้งาน","status":"เสร็จสิ้น","icon":"rocket","state":"completed with green check"},{"number":2,"label":"เลือกโหมดการยืนยันตัวตน","status":"เสร็จสิ้น","icon":"shield","state":"completed with green check"},{"number":3,"label":"ตรวจสอบการเข้าสู่ระบบ ChatGPT / Codex","status":"เสร็จสิ้น","icon":"lock","state":"completed with green check"},{"number":4,"label":"เปิดใช้งาน Codex App Server","status":"กำลังดำเนินการ","icon":"server","state":"active highlighted cyan"},{"number":5,"label":"เชื่อมต่อเกม","status":"รอ","icon":"gamepad","state":"waiting dim"},{"number":6,"label":"พร้อมใช้งานฟังก์ชัน AI","status":"รอ","icon":"robot","state":"waiting dim"}],"progress_card":{"label":"ความคืบหน้าโดยรวม","value":"50%","detail":"เสร็จสิ้น 3 / 6 ขั้นตอน","bar":"cyan progress bar halfway filled"}},"center_panel":{"title":"การแสดงภาพขั้นตอนการทำงาน","position":"main center column","sections_count":2,"sections":[{"title":"การพัฒนาในเครื่อง","position":"upper center","node_count":4,"nodes":["Game Tool UI / Client UI","codex app-server / Local Server","ChatGPT Plus Login / Browser Auth","Codex / AI Engine"],"connectors":"three cyan arrows left to right","note":"ระบุการตั้งค่าเป็น Plus Login สำหรับการพัฒนา และ API สำหรับการใช้งานจริง"},{"title":"การใช้งานจริง","position":"middle center","node_count":3,"nodes":["Game Client / เกมไคลเอนต์","AI Gateway Backend / เกตเวย์เซิร์ฟเวอร์","OpenAI API / Cloud AI"],"connectors":"two cyan arrows left to right","accent":"green glowing section border"}]},"bottom_center":{"panel_count":2,"panels":[{"title":"บันทึกเหตุการณ์","position":"bottom left of center","visible_log_lines_count":3,"visible_log_lines":["[OK] NeuralJack UI booted","[INFO] waiting for instruction","[INFO] codex app-server file export mode"]},{"title":"ตัวอย่างการทำงาน","position":"bottom right of center","content":"dark preview card with large text 次の推奨操 visible near bottom"}]},"right_panel":{"title":"แผงคำสั่ง","position":"right column","instruction_box":{"text":"ローカルLLMを使った個人AI相棒を作りたい","appearance":"large dark textarea with subtle send button area"},"checkbox_count":3,"checkboxes":[{"label":"เสริมประสิทธิภาพ GPT-5.5","state":"unchecked"},{"label":"สร้างการ์ด","state":"checked cyan"},{"label":"แปลงเป็นงาน Codex","state":"unchecked"}],"quick_actions":{"title":"การดำเนินการด่วน","button_count":6,"buttons":["AI สนับสนุน","เล่นอัตโนมัติ","สร้างเควสต์","สนทนากับ NPC","เดโมเสียง","ตั้งค่า"],"arrangement":"2 rows by 3 columns, icon above label on each button"},"recommended_commands":{"title":"คำสั่งแนะนำ","chip_count":4,"chips":["ตรวจสอบการเปิดใช้งาน","ทดสอบการเชื่อมต่อ","ตรวจสอบบันทึก","ดึงสถานะปัจจุบัน"]},"chat_prompt":{"bot_icon":"cyan circular robot icon","speech_bubble":"何をしたいですか?"}}},"rendering_notes":"ทำให้หน้าตาอินเทอร์เฟซดูเหมือนภาพหน้าจอของแอปเบราว์เซอร์ที่ใช้งานจริง ไม่ใช่ภาพวาดแบนๆ ใช้ข้อความภาษาญี่ปุ่นที่คมชัด เส้นขอบสีฟ้าบางๆ สี่เหลี่ยมมุมมน ไอคอนขนาดเล็ก แสงเรืองรองในขั้นตอนที่กำลังทำงาน และการเว้นระยะห่างที่แน่นแต่ยังอ่านง่าย"}