FULL IN-BROWSER INTERACTIVE SHOWCASE

The CodeXa Studio Workbench.

Explore the real layout of CodeXa Studio IDE. Click through project explorer files, switch AI modes (Chat, Plan, Agent, Debug), test virtual terminal commands, and observe responsive live previews.

ExplorerProject
autonomous_agent.ts
LiveEditor.tsx
config.json
1import { ModelGateway, Astra6 } from "@codexa/ai";
2import { LocalWorkspace } from "@codexa/core";
3
4export class AutonomousAgent {
5 private gateway: ModelGateway;
6 private workspace: LocalWorkspace;
7
8 constructor(workspacePath: string) {
9 this.workspace = new LocalWorkspace(workspacePath);
10 this.gateway = new ModelGateway({
11 model: "Astra 6",
12 temperature: 0.1,
13 agencyVerified: true,
14 });
15 }
16
17 /**
18 * Plans and executes verifiable file modifications
19 */
20 async executeGoal(goalDescription: string) {
21 const context = await this.workspace.indexActiveContext();
22 const plan = await this.gateway.decomposeTask(goalDescription, context);
23
24 console.log("[CodeXa Agent] Generated " + plan.steps.length + " verification steps");
25
26 for (const step of plan.steps) {
27 const diff = await this.gateway.synthesizeDiff(step);
28 const isVerified = await this.workspace.dryRunLint(diff);
29
30 if (isVerified) {
31 await this.workspace.applyPatch(diff);
32 }
33 }
34
35 return { success: true, timestamp: Date.now() };
36 }
37}
CODEXA AI
PROPOSED DIFF+12 lines / -3 lines
+ const context = await this.workspace.index();
+ const plan = await this.gateway.decomposeTask();
- const sync = await directExecute();
CodeXa Studio IDE v1.0.0-Preview (x64-win32)
Engine: Local-First Hardware Accelerated Workspace
Agency Session: Connected (cxa_session verified)
Type 'help', 'models', 'build', or 'run' for simulated execution.
codexa@workspace:~$
>
CodeXa Kernel: Ready
TerminalCXA-DESK (Verified)
Interactive Virtual Shell
Simulated Process Execution

Type help, models, build, or git status into the terminal prompt.

AI Panel Modes
Chat, Plan, Agent, Debug

Switch between reasoning modes to see how CodeXa generates unified diffs and breaks tasks into testable verification gates.

Dynamic Theme Engine
Realtime Color Mapping

Select Obsidian Dark, Pure Black (OLED), Midnight Slate, Tokyo Night, or Clean Light from the top title bar.