Japanese AI Game Launch Dashboard

{
  "type": "futuristic dark-mode Japanese web dashboard UI mockup",
  "app_brand": "{argument name=\"app brand\" default=\"NEURALJACK\"}",
  "main_title": "{argument name=\"main title\" default=\"AI Game Launch Process Demonstration\"}",
  "subtitle": "The interface allows users to view the startup steps and send commands directly to internal meetings.",
  "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": [
        "document",
        "Notice (with blue badge 2)",
        "set up"
      ]
    },
    "left_sidebar": {
      "title": "Startup process",
      "position": "left column",
      "step_count": 6,
      "steps": [
        {
          "number": 1,
          "label": "start up",
          "status": "Completed",
          "icon": "rocket",
          "state": "completed with green check"
        },
        {
          "number": 2,
          "label": "Select authentication mode",
          "status": "Completed",
          "icon": "shield",
          "state": "completed with green check"
        },
        {
          "number": 3,
          "label": "ChatGPT / Codex Login Confirmation",
          "status": "Completed",
          "icon": "lock",
          "state": "completed with green check"
        },
        {
          "number": 4,
          "label": "Codex App Server Startup",
          "status": "in progress",
          "icon": "server",
          "state": "active highlighted cyan"
        },
        {
          "number": 5,
          "label": "Game connection",
          "status": "standby",
          "icon": "gamepad",
          "state": "waiting dim"
        },
        {
          "number": 6,
          "label": "AI functionality is ready.",
          "status": "standby",
          "icon": "robot",
          "state": "waiting dim"
        }
      ],
      "progress_card": {
        "label": "Overall progress",
        "value": "50%",
        "detail": "Steps 3/6 completed",
        "bar": "cyan progress bar halfway filled"
      }
    },
    "center_panel": {
      "title": "Process Visualization",
      "position": "main center column",
      "sections_count": 2,
      "sections": [
        {
          "title": "Local development",
          "position": "upper center",
          "node_count": 4,
          "nodes": [
            "Game Tool UI / Client UI",
            "codex app-server / local server",
            "ChatGPT Plus Login/Browser Authentication",
            "Codex / AI Engine"
          ],
          "connectors": "three cyan arrows left to right",
          "note": "Use Plus login during development / explicitly set to API in production environment"
        },
        {
          "title": "Officially in operation",
          "position": "middle center",
          "node_count": 3,
          "nodes": [
            "Game Client",
            "AI Gateway Backend / Gateway Server",
            "OpenAI API / Cloud AI"
          ],
          "connectors": "two cyan arrows left to right",
          "accent": "green glowing section border"
        }
      ]
    },
    "bottom_center": {
      "panel_count": 2,
      "panels": [
        {
          "title": "Event Log",
          "position": "bottom left of center",
          "visible_log_lines_count": 3,
          "visible_log_lines": [
            "[OK] NeuralJack UI is now running.",
            "[INFO] Awaiting instructions",
            "[INFO] Codex App-Server File Export Mode"
          ]
        },
        {
          "title": "Run Preview",
          "position": "bottom right of center",
          "content": "The next recommended step is to make the preview card (dark preview card with large text) visible near the bottom."
        }
      ]
    },
    "right_panel": {
      "title": "Command Panel",
      "position": "right column",
      "instruction_box": {
        "text": "{argument name=\"instruction text\" default=\"I want to create a personal AI companion using a local LLM.\"}",
        "appearance": "large dark textarea with subtle send button area"
      },
      "checkbox_count": 3,
      "checkboxes": [
        {
          "label": "GPT-5.5 Enhanced",
          "state": "unchecked"
        },
        {
          "label": "Card generation",
          "state": "checked cyan"
        },
        {
          "label": "Codex Task-based",
          "state": "unchecked"
        }
      ],
      "quick_actions": {
        "title": "Quick Operation",
        "button_count": 6,
        "buttons": [
          "Support AI",
          "Auto play",
          "Task generation",
          "NPC Dialogue",
          "Voice demonstration",
          "set up"
        ],
        "arrangement": "2 rows by 3 columns, icon above label on each button"
      },
      "recommended_commands": {
        "title": "Recommended instructions",
        "chip_count": 4,
        "chips": [
          "Start check",
          "Connection test",
          "Log confirmation",
          "Get the current state"
        ]
      },
      "chat_prompt": {
        "bot_icon": "cyan circular robot icon",
        "speech_bubble": "{argument name=\"chat bubble text\" default=\"What do you want to do?\"}"
      }
    }
  },
  "rendering_notes": "Make the interface look like an actual implemented browser app screenshot rather than a flat illustration. Use crisp Japanese text, thin cyan outlines, rounded rectangles, small icons, active step glow, and dense but readable spacing."
}