pi-web 0.5.0 → 0.6.0

package/README.md

@@ -10,14 +10,21 @@ A web UI for the [pi coding agent](https://github.com/badlogic/pi-mono).
 npx -y pi-web@latest
 ```
 
-Then open [http://localhost:3100](http://localhost:3100) in your browser.
+Then open [http://127.0.0.1:8192](http://127.0.0.1:8192) in your browser.
 
 ## Options
 
 ```
---port <number>   Port to listen on (default: 3100, env: PORT)
---host <string>   Host to bind to (default: localhost, env: HOST)
---help            Show help
+--port <number>      Port to listen on (default: 8192, env: PORT)
+--host <string>      Host to bind to (default: 127.0.0.1, env: HOST)
+--agent <pi|omp>     Agent backend profile (default: pi)
+--help               Show help
+```
+
+To run against Oh My Pi, start with:
+
+```bash
+npx -y pi-web@latest --agent omp
 ```
 
 ## Features
@@ -35,7 +42,8 @@ Then open [http://localhost:3100](http://localhost:3100) in your browser.
 git clone https://github.com/ravshansbox/pi-web
 cd pi-web
 npm install
-npm run dev
+npm run dev:pi   # Pi backend
+npm run dev:omp  # Oh My Pi backend
 ```
 
 Requires Node.js 22+.

package/build/server/server.js

@@ -14,9 +14,10 @@ pi-web - Web UI for the pi coding agent
 Usage: pi-web [options]
 
 Options:
-  --port <number>   Port to listen on (default: 8192, env: PORT)
-  --host <string>   Host to bind to (default: 127.0.0.1, env: HOST)
-  -h, --help        Show this help message
+  --port <number>      Port to listen on (default: 8192, env: PORT)
+  --host <string>      Host to bind to (default: 127.0.0.1, env: HOST)
+  --agent <pi|omp>     Agent backend profile (default: pi)
+  -h, --help           Show this help message
   `.trim());
     process.exit(0);
 }
@@ -30,9 +31,22 @@ function getArg(name) {
         return process.argv[idx + 1];
     return undefined;
 }
+function parseAgent(value) {
+    const agent = (value || 'pi').toLowerCase();
+    if (agent === 'pi' || agent === 'omp')
+        return agent;
+    console.error(`invalid --agent value "${value}". expected "pi" or "omp"`);
+    process.exit(1);
+}
+function getAgentCommand(agent) {
+    return agent === 'omp'
+        ? 'npx -y @oh-my-pi/pi-coding-agent@latest'
+        : 'npx -y @mariozechner/pi-coding-agent@latest';
+}
+const AGENT = parseAgent(getArg('agent'));
 const PORT = parseInt(getArg('port') || process.env.PORT || '8192', 10);
 const HOST = getArg('host') || process.env.HOST || '127.0.0.1';
-const PI_CMD = process.env.PI_CMD || 'npx -y @mariozechner/pi-coding-agent@latest';
+const AGENT_CMD = getAgentCommand(AGENT);
 const DEFAULT_IDLE_SESSION_TTL_MS = 60_000;
 const idleSessionTtlMsEnv = parseInt(process.env.PI_WEB_IDLE_SESSION_TTL_MS || '', 10);
 const IDLE_SESSION_TTL_MS = Number.isFinite(idleSessionTtlMsEnv) && idleSessionTtlMsEnv >= 0
@@ -106,7 +120,7 @@ const server = createServer((req, res) => {
     if (req.url?.startsWith('/api/sessions')) {
         const url = new URL(req.url, `http://${req.headers.host}`);
         const cwd = url.searchParams.get('cwd') || undefined;
-        listSessions({ cwd, limit: 50 })
+        listSessions({ cwd, limit: 50, agent: AGENT })
             .then((data) => {
             res.writeHead(200, { 'Content-Type': 'application/json' });
             res.end(JSON.stringify(data));
@@ -140,7 +154,7 @@ const server = createServer((req, res) => {
             res.end(JSON.stringify({ error: 'cwd and filename parameters required' }));
             return;
         }
-        const file = getSessionFilePath(cwd, filename);
+        const file = getSessionFilePath(cwd, filename, AGENT);
         if (req.method === 'DELETE') {
             try {
                 unlinkSync(file);
@@ -272,10 +286,10 @@ function registerDiscoveredSessionKey(managed, event) {
     registerManagedSessionKey(managed, key);
 }
 function createManagedSession(cwd, sessionFile) {
-    const sessionPath = sessionFile ? getSessionFilePath(cwd, sessionFile) : undefined;
+    const sessionPath = sessionFile ? getSessionFilePath(cwd, sessionFile, AGENT) : undefined;
     let managed = null;
     const rpc = new RpcSession({
-        piCmd: PI_CMD,
+        piCmd: AGENT_CMD,
         cwd,
         sessionFile: sessionPath,
         onEvent: (event) => {

package/build/server/sessions.js

@@ -1,25 +1,40 @@
 import { readdir } from 'node:fs/promises';
-import { basename, join } from 'node:path';
+import { basename, join, resolve } from 'node:path';
 import { homedir } from 'node:os';
 import { createReadStream } from 'node:fs';
 import { createInterface } from 'node:readline';
-const SESSION_DIR = join(homedir(), '.pi', 'agent', 'sessions');
-function cwdToSessionDir(cwd) {
-    return '-' + cwd.replace(/\//g, '-') + '--';
+const HOME_DIR = resolve(homedir());
+function getSessionDir(agent) {
+    const configDir = agent === 'omp' ? '.omp' : '.pi';
+    return join(HOME_DIR, configDir, 'agent', 'sessions');
 }
-export function getSessionFilePath(cwd, filename) {
-    return join(SESSION_DIR, cwdToSessionDir(cwd), filename);
+function cwdToSessionDir(cwd, agent) {
+    const normalisedCwd = resolve(cwd);
+    if (agent === 'omp') {
+        if (normalisedCwd === HOME_DIR ||
+            normalisedCwd.startsWith(`${HOME_DIR}/`) ||
+            normalisedCwd.startsWith(`${HOME_DIR}\\`)) {
+            const relative = normalisedCwd.slice(HOME_DIR.length).replace(/^[/\\]/, '');
+            return `-${relative.replace(/[/\\:]/g, '-')}`;
+        }
+    }
+    const encoded = normalisedCwd.replace(/^[/\\]/, '').replace(/[/\\:]/g, '-');
+    return `--${encoded}--`;
+}
+export function getSessionFilePath(cwd, filename, agent = 'pi') {
+    return join(getSessionDir(agent), cwdToSessionDir(cwd, agent), filename);
 }
 export async function listSessions(opts) {
-    const { cwd, limit = 30 } = opts;
+    const { cwd, limit = 30, agent = 'pi' } = opts;
     const results = [];
+    const sessionDir = getSessionDir(agent);
     try {
-        const cwdDirs = await readdir(SESSION_DIR, { withFileTypes: true });
+        const cwdDirs = await readdir(sessionDir, { withFileTypes: true });
         const targetDirs = cwd
-            ? cwdDirs.filter((d) => d.isDirectory() && d.name === cwdToSessionDir(cwd))
+            ? cwdDirs.filter((d) => d.isDirectory() && d.name === cwdToSessionDir(cwd, agent))
             : cwdDirs.filter((d) => d.isDirectory());
         for (const dir of targetDirs) {
-            const dirPath = join(SESSION_DIR, dir.name);
+            const dirPath = join(sessionDir, dir.name);
             let files;
             try {
                 files = (await readdir(dirPath)).filter((f) => f.endsWith('.jsonl'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "engines": {
     "node": "^24"
@@ -20,7 +20,9 @@
     "README.md"
   ],
   "scripts": {
-    "dev": "concurrently \"vite build --watch\" \"tsc -w -p tsconfig.server.json\" \"node --watch build/server/server.js\"",
+    "dev": "npm run dev:pi",
+    "dev:pi": "concurrently \"vite build --watch\" \"tsc -w -p tsconfig.server.json\" \"node --watch build/server/server.js --agent pi\"",
+    "dev:omp": "concurrently \"vite build --watch\" \"tsc -w -p tsconfig.server.json\" \"node --watch build/server/server.js --agent omp\"",
     "build": "vite build && tsc -p tsconfig.server.json",
     "build:bin": "node scripts/generate-bin.mjs",
     "preview": "vite preview",