Mobile AI Coding
code-server + ECC + agent chat

ຂຽນໂປຣແກຣມຜ່ານໂທລະສັບ ແບບ VS Code ພ້ອມ AI agents.

ຫນ້ານີ້ແມ່ນ control surface ສຳລັບເລືອກ project root, ເລືອກ agent, ແນບຮູບ/ຫນ້າຈໍ, ແລະສົ່ງຄຳສັ່ງ coding ຜ່ານ chat. ຝັ່ງ backend ສາມາດຕໍ່ກັບ code-server, Claude Code, Codex, Gemini, Qwen ແລະ tool ອື່ນໆໄດ້.

Static readyບໍ່ຕ້ອງໃຊ້ DB ສຳລັບ demo UI
code-serverVS Code ໃນ browser, ໃຊ້ Open VSX
ECCClaude, Codex, Gemini, Qwen configs
Mobile firstPWA-friendly ສຳລັບໂທລະສັບ

ກວດສອບໂຄງສ້າງແລ້ວ

ໂຄງສ້າງເກົ່າໃນ site root ເປັນ static aaPanel default. ຫນ້ານີ້ຖືກສ້າງແບບບໍ່ພຶ່ງ framework ເພື່ອໃຫ້ deploy ໄດ້ທັນທີ.

Ready

Site root

ມີ `index.html`, `404.html`, `502.html`, `.htaccess`, `.user.ini`; ບໍ່ມີ package manager ຫຼື backend ໃນໂຟນເດີນີ້.

Compatible

code-server

ຕິດຕັ້ງເປັນ service ແລ້ວເປີດ project folder ຈາກ server. Extension ຕິດຕັ້ງຜ່ານ UI ຫຼື CLI.

Reusable

Everything Claude Code

Repo ມີ `.claude`, `.codex`, `.gemini`, `.qwen`, `.opencode`, `.cursor`, `.vscode`, `.agents` ສຳລັບ cross-harness setup.

Needs backend

Real execution

ຖ້າຈະສັ່ງ agent ໃຫ້ແກ້ໄຟລ໌ຈິງ ຕ້ອງມີ API backend, auth, sandbox, queue/session store.

Mobile workspace

ຫນ້າ chat ນີ້ເຮັດວຽກເປັນ frontend prototype: ເກັບ project ໃນ browser, ສ້າງ prompt, ແນບຮູບ, ແລະກຽມ payload ໃຫ້ backend ນຳໄປ run agent.

Agent chatສົ່ງ prompt + image context
System

ເລືອກ project root, ແນບຮູບຖ້າຕ້ອງການ, ແລ້ວຂຽນຄຳສັ່ງ. ຕົວ demo ນີ້ຈະສ້າງ payload ໃຫ້ backend ໄປ run agent ຢ່າງປອດໄພ.

VS Code-like viewpreview ສຳລັບ mobile browser
AGENTS.md
CLAUDE.md
terminal
# Project agent brief
Root: /www/wwwroot/devm.onemiracles.com
Harnesses: Codex, Claude Code, Gemini, Qwen

Rules:
- read code before editing
- run focused tests
- never expose secrets
- keep changes scoped

Task:
Build from mobile chat, verify in browser,
then hand back changed files and commands.
$ code-server /www/wwwroot/devm.onemiracles.com $ codex --cd /www/wwwroot/devm.onemiracles.com $ claude --dangerously-skip-permissions $ gemini $ qwen

ວິທີຕິດຕັ້ງແລະຕໍ່ extension

ໃນ production ໃຫ້ run ຂັ້ນຕອນນີ້ໃນ server/VPS ທີ່ເກັບ project. ໃຊ້ HTTPS + password/SSO ເພື່ອເຂົ້າຈາກໂທລະສັບ.

Codex Login first

ຕິດຕັ້ງແລ້ວ ແລະ server ນີ້ login ດ້ວຍ ChatGPT ແລ້ວ. Extension `openai.chatgpt` ຖືກຕິດຕັ້ງໃນ code-server.

Claude Code Login first

ຕິດຕັ້ງແລ້ວ ແລະ server ນີ້ login ຜ່ານ Claude.ai Pro ແລ້ວ. Extension `anthropic.claude-code` ຖືກຕິດຕັ້ງໃນ code-server.

Gemini CLI Needs auth

CLI ແລະ extension `google.geminicodeassist` ຕິດຕັ້ງແລ້ວ. ຍັງຕ້ອງ Sign in with Google, `GEMINI_API_KEY`, ຫຼື Vertex AI credentials.

Qwen Code Needs key

CLI ແລະ extension `qwenlm.qwen-code-vscode-ide-companion` ຕິດຕັ້ງແລ້ວ. Qwen OAuth free tier ຢຸດແລ້ວ; ໃຊ້ API key ຫຼື Coding Plan.

1. Install code-server

ຕິດຕັ້ງ VS Code-compatible editor ໃນ browser ແລ້ວເປີດເປັນ service.

curl -fsSL https://code-server.dev/install.sh | sh
sudo systemctl enable --now code-server@$USER
cat ~/.config/code-server/config.yaml

2. Open project folder

ຕອນນີ້ PM2 run code-server ໃນ port `18082` ແລ້ວ. Local health check ຜ່ານ, ແຕ່ການເຂົ້າຈາກ internet ອາດຕ້ອງເປີດ firewall ຫຼືຕັ້ງ reverse proxy.

pm2 status devm-code-server
curl -I http://127.0.0.1:18082/login
# Public URL after firewall/proxy: http://devm.onemiracles.com:18082/

3. Install VS Code extensions

code-server ໃຊ້ Open VSX ເປັນ default. ຕິດຕັ້ງ extension ຈາກ sidebar ຫຼື CLI; ຖ້າບໍ່ມີໃຫ້ຕິດຕັ້ງ VSIX.

code-server --install-extension ms-python.python
code-server --install-extension GitHub.copilot
code-server --install-extension ./vendor/my-extension.vsix

4. Bring in ECC configs

Clone ECC ແລ້ວ copy ຊັ້ນ config ທີ່ຕ້ອງການເຂົ້າ project ຫຼື home directory.

git clone https://github.com/affaan-m/everything-claude-code.git /opt/ecc
rsync -a /opt/ecc/.claude /opt/ecc/.codex /opt/ecc/.gemini /opt/ecc/.qwen ./
rsync -a /opt/ecc/AGENTS.md /opt/ecc/CLAUDE.md ./

5. Add agent runners

Backend ຄວນ map agent ແຕ່ລະຕົວເປັນ command template ພ້ອມ cwd/project root ແລະ env secrets.

codex --cd /path/to/project
claude --add-dir /path/to/project
gemini --include-directories /path/to/project
qwen

6. Database decision

Static UI ບໍ່ຕ້ອງ DB. ຖ້າເປັນ real multi-project system ໃຫ້ໃຊ້ Postgres ຫຼື SQLite ເກັບ users, project roots, sessions, audit log, attachments.

tables: users, projects, agent_sessions, messages, attachments, command_runs, audit_logs

Backend blueprint

ສ່ວນນີ້ຄືຮູບແບບ architecture ທີ່ຈະເຮັດໃຫ້ chat ສັ່ງຂຽນໂປຣແກຣມໄດ້ຈິງ ໂດຍບໍ່ໃຫ້ browser ມີ shell access ໂດຍກົງ.

API gateway

HTTPS, login, rate limit, CSRF, upload validation, project allow-list.

Agent worker

Run commands in cwd, stream stdout/stderr, timeout, sandbox, kill switch.

code-server

Open same root folder, terminal shares filesystem with agent worker.

Storage

DB for sessions, object storage/local disk for screenshots and generated files.