@algochad/archcoder 2.0.2

package/dist/site.webmanifest

@@ -0,0 +1,22 @@
+{
+  "name": "OpenChamber - AI Coding Companion",
+  "short_name": "OpenChamber",
+  "description": "OpenChamber desktop companion for the OpenCode AI coding agent",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#151313",
+  "theme_color": "#edb449",
+  "orientation": "portrait-primary",
+  "icons": [
+    { "src": "/pwa-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/pwa-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "/pwa-maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/pwa-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/apple-touch-icon-180x180.png", "sizes": "180x180", "type": "image/png", "purpose": "any" },
+    { "src": "/apple-touch-icon-152x152.png", "sizes": "152x152", "type": "image/png", "purpose": "any" },
+    { "src": "/favicon-32.png", "sizes": "32x32", "type": "image/png" },
+    { "src": "/favicon-16.png", "sizes": "16x16", "type": "image/png" }
+  ],
+  "categories": ["developer", "tools", "productivity"],
+  "lang": "en"
+}

package/dist/sw.js

@@ -0,0 +1 @@
+(function(){"use strict";self.addEventListener("install",t=>{t.waitUntil(self.skipWaiting())}),self.addEventListener("activate",t=>{t.waitUntil(self.clients.claim())}),self.addEventListener("push",t=>{t.waitUntil((async()=>{const i=t.data?.json()??null;if(!i||(await self.clients.matchAll({type:"window",includeUncontrolled:!0})).some(a=>a.visibilityState==="visible"||a.focused))return;const s=i.title||"ArchCoder",e=i.body??"",l=i.icon??"/apple-touch-icon-180x180.png",o=i.badge??"/favicon-32.png";await self.registration.showNotification(s,{body:e,icon:l,badge:o,tag:i.tag,data:i.data})})())}),self.addEventListener("notificationclick",t=>{t.notification.close();const n=(t.notification.data??null)?.url??"/";t.waitUntil(self.clients.openWindow(n))})})();

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@algochad/archcoder",
+  "version": "2.0.2",
+  "private": false,
+  "type": "module",
+  "main": "./server/index.js",
+  "types": "./server/index.d.ts",
+  "bin": {
+    "archcoder": "./bin/cli.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "bun run build:watch",
+    "dev:server": "bun server/index.js --port ${ARCHCODER_PORT:-3001}",
+    "dev:server:watch": "nodemon --watch server --ext js --exec \"bun server/index.js --port ${ARCHCODER_PORT:-3001}\"",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint \"./src/**/*.{ts,tsx}\" --config ../../eslint.config.js",
+    "start": "node bin/cli.js serve"
+  },
+  "dependencies": {
+    "@aws-sdk/client-s3": "^3.700.0",
+    "@clack/prompts": "^1.1.0",
+    "@codemirror/lang-cpp": "^6.0.3",
+    "@codemirror/lang-go": "^6.0.1",
+    "@fontsource/ibm-plex-mono": "^5.2.7",
+    "@fontsource/ibm-plex-sans": "^5.1.1",
+    "@ibm/plex": "^6.4.1",
+    "@octokit/rest": "^22.0.1",
+    "@opencode-ai/sdk": "^1.2.27",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@remixicon/react": "^4.7.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "adm-zip": "^0.5.16",
+    "bun-pty": "^0.4.5",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "express": "^5.1.0",
+    "ghostty-web": "0.3.0",
+    "http-proxy-middleware": "^3.0.5",
+    "jose": "^6.1.3",
+    "jsonc-parser": "^3.3.1",
+    "next-themes": "^0.4.6",
+    "node-pty": "1.2.0-beta.12",
+    "openai": "^4.79.0",
+    "qrcode-terminal": "^0.12.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^15.6.6",
+    "remark-gfm": "^4.0.1",
+    "simple-git": "^3.28.0",
+    "sonner": "^2.0.7",
+    "strip-json-comments": "^5.0.3",
+    "tailwind-merge": "^3.3.1",
+    "web-push": "^3.6.7",
+    "ws": "^8.18.3",
+    "yaml": "^2.8.1",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@types/adm-zip": "^0.5.7",
+    "@types/node": "^24.3.1",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "autoprefixer": "^10.4.21",
+    "concurrently": "^9.2.1",
+    "cors": "^2.8.5",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "nodemon": "^3.1.7",
+    "tailwindcss": "^4.0.0",
+    "tsx": "^4.20.6",
+    "tw-animate-css": "^1.3.8",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-pwa": "^1.0.3",
+    "workbox-window": "^7.4.0"
+  },
+  "files": [
+    "dist",
+    "server",
+    "bin",
+    "public",
+    "package.json",
+    "README.md"
+  ]
+}

package/public/apple-touch-icon.svg

@@ -0,0 +1,67 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1a1a1a"/>
+      <stop offset="100%" stop-color="#0d0d0d"/>
+    </linearGradient>
+    <linearGradient id="orangeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff8533" class="shimmer-stop"/>
+      <stop offset="50%" stop-color="#ff6b00" class="shimmer-stop"/>
+      <stop offset="100%" stop-color="#cc5500" class="shimmer-stop"/>
+    </linearGradient>
+    <filter id="glow" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="8" result="coloredBlur" class="pulse-blur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feOffset dx="0" dy="4"/>
+      <feGaussianBlur stdDeviation="4" result="offset-blur"/>
+      <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"/>
+      <feFlood flood-color="#ffffff" flood-opacity="0.1" result="color"/>
+      <feComposite operator="in" in="color" in2="inverse" result="shadow"/>
+      <feComposite operator="over" in="shadow" in2="SourceGraphic"/>
+    </filter>
+    
+    <!-- Animation for pulsing glow effect -->
+    <style>
+      @keyframes pulse {
+        0%, 100% { stdDeviation: 8; }
+        50% { stdDeviation: 12; }
+      }
+      @keyframes shimmer {
+        0%, 100% { stop-color: #ff8533; }
+        50% { stop-color: #ffaa66; }
+      }
+      .pulse-blur {
+        animation: pulse 2s ease-in-out infinite;
+      }
+      .shimmer-stop {
+        animation: shimmer 3s ease-in-out infinite;
+      }
+    </style>
+  </defs>
+  
+  <rect width="512" height="512" rx="112" fill="url(#bgGrad)"/>
+  <rect x="12" y="12" width="488" height="488" rx="100" fill="none" stroke="#2a2a2a" stroke-width="4"/>
+  
+  <g filter="url(#glow)">
+    <path d="M256 64L400 400H336L296 304H216L176 400H112L256 64Z" fill="#ffffff" filter="url(#innerShadow)"/>
+  </g>
+  
+  <path d="M256 128L288 208H224L256 128Z" fill="url(#orangeGrad)"/>
+  <rect x="232" y="248" width="48" height="16" rx="8" fill="url(#orangeGrad)"/>
+  
+  <circle cx="256" cy="64" r="16" fill="url(#orangeGrad)"/>
+  
+  <circle cx="136" cy="432" r="10" fill="#ff6b00"/>
+  <circle cx="184" cy="432" r="8" fill="#ffffff" opacity="0.4"/>
+  <circle cx="256" cy="432" r="8" fill="#ffffff" opacity="0.6"/>
+  <circle cx="328" cy="432" r="8" fill="#ffffff" opacity="0.4"/>
+  <circle cx="376" cy="432" r="10" fill="#ff6b00"/>
+  
+  <path d="M120 400L112 400" stroke="#ff6b00" stroke-width="8" stroke-linecap="round"/>
+  <path d="M400 400L408 400" stroke="#ff6b00" stroke-width="8" stroke-linecap="round"/>
+</svg>

package/public/favicon.svg

@@ -0,0 +1,67 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1a1a1a"/>
+      <stop offset="100%" stop-color="#0d0d0d"/>
+    </linearGradient>
+    <linearGradient id="orangeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff8533" class="shimmer-stop"/>
+      <stop offset="50%" stop-color="#ff6b00" class="shimmer-stop"/>
+      <stop offset="100%" stop-color="#cc5500" class="shimmer-stop"/>
+    </linearGradient>
+    <filter id="glow" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="8" result="coloredBlur" class="pulse-blur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feOffset dx="0" dy="4"/>
+      <feGaussianBlur stdDeviation="4" result="offset-blur"/>
+      <feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"/>
+      <feFlood flood-color="#ffffff" flood-opacity="0.1" result="color"/>
+      <feComposite operator="in" in="color" in2="inverse" result="shadow"/>
+      <feComposite operator="over" in="shadow" in2="SourceGraphic"/>
+    </filter>
+    
+    <!-- Animation for pulsing glow effect -->
+    <style>
+      @keyframes pulse {
+        0%, 100% { stdDeviation: 8; }
+        50% { stdDeviation: 12; }
+      }
+      @keyframes shimmer {
+        0%, 100% { stop-color: #ff8533; }
+        50% { stop-color: #ffaa66; }
+      }
+      .pulse-blur {
+        animation: pulse 2s ease-in-out infinite;
+      }
+      .shimmer-stop {
+        animation: shimmer 3s ease-in-out infinite;
+      }
+    </style>
+  </defs>
+  
+  <rect width="512" height="512" rx="112" fill="url(#bgGrad)"/>
+  <rect x="12" y="12" width="488" height="488" rx="100" fill="none" stroke="#2a2a2a" stroke-width="4"/>
+  
+  <g filter="url(#glow)">
+    <path d="M256 64L400 400H336L296 304H216L176 400H112L256 64Z" fill="#ffffff" filter="url(#innerShadow)"/>
+  </g>
+  
+  <path d="M256 128L288 208H224L256 128Z" fill="url(#orangeGrad)"/>
+  <rect x="232" y="248" width="48" height="16" rx="8" fill="url(#orangeGrad)"/>
+  
+  <circle cx="256" cy="64" r="16" fill="url(#orangeGrad)"/>
+  
+  <circle cx="136" cy="432" r="10" fill="#ff6b00"/>
+  <circle cx="184" cy="432" r="8" fill="#ffffff" opacity="0.4"/>
+  <circle cx="256" cy="432" r="8" fill="#ffffff" opacity="0.6"/>
+  <circle cx="328" cy="432" r="8" fill="#ffffff" opacity="0.4"/>
+  <circle cx="376" cy="432" r="10" fill="#ff6b00"/>
+  
+  <path d="M120 400L112 400" stroke="#ff6b00" stroke-width="8" stroke-linecap="round"/>
+  <path d="M400 400L408 400" stroke="#ff6b00" stroke-width="8" stroke-linecap="round"/>
+</svg>

package/public/logo-dark-512x512.svg

@@ -0,0 +1,16 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <!-- OpenChamber logo - simplified, no background (for dark backgrounds) -->
+  <g transform="translate(256, 256) scale(4)">
+    <!-- Left face - simplified, no grid cells -->
+    <path d="M0 0 L-41.568 -24 L-41.568 24 L0 48 Z" fill="white" fill-opacity="0.2" stroke="white" stroke-width="3" stroke-linejoin="round"/>
+    <!-- Right face - simplified, no grid cells -->
+    <path d="M0 0 L41.568 -24 L41.568 24 L0 48 Z" fill="white" fill-opacity="0.35" stroke="white" stroke-width="3" stroke-linejoin="round"/>
+    <!-- Top face - open -->
+    <path d="M0 -48 L-41.568 -24 L0 0 L41.568 -24 Z" fill="none" stroke="white" stroke-width="3" stroke-linejoin="round"/>
+    <!-- OpenCode logo on top face -->
+    <g transform="matrix(0.866, 0.5, -0.866, 0.5, 0, -24) scale(0.75)">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M-16 -20 L16 -20 L16 20 L-16 20 Z M-8 -12 L-8 12 L8 12 L8 -12 Z" fill="white"/>
+      <path d="M-8 -4 L8 -4 L8 12 L-8 12 Z" fill="white" fill-opacity="0.4"/>
+    </g>
+  </g>
+</svg>

package/public/logo-light-512x512.svg

@@ -0,0 +1,16 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <!-- OpenChamber logo - simplified, no background (for light backgrounds) -->
+  <g transform="translate(256, 256) scale(4)">
+    <!-- Left face - simplified, no grid cells -->
+    <path d="M0 0 L-41.568 -24 L-41.568 24 L0 48 Z" fill="black" fill-opacity="0.2" stroke="black" stroke-width="3" stroke-linejoin="round"/>
+    <!-- Right face - simplified, no grid cells -->
+    <path d="M0 0 L41.568 -24 L41.568 24 L0 48 Z" fill="black" fill-opacity="0.35" stroke="black" stroke-width="3" stroke-linejoin="round"/>
+    <!-- Top face - open -->
+    <path d="M0 -48 L-41.568 -24 L0 0 L41.568 -24 Z" fill="none" stroke="black" stroke-width="3" stroke-linejoin="round"/>
+    <!-- OpenCode logo on top face -->
+    <g transform="matrix(0.866, 0.5, -0.866, 0.5, 0, -24) scale(0.75)">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M-16 -20 L16 -20 L16 20 L-16 20 Z M-8 -12 L-8 12 L8 12 L8 -12 Z" fill="black"/>
+      <path d="M-8 -4 L8 -4 L8 12 L-8 12 Z" fill="black" fill-opacity="0.4"/>
+    </g>
+  </g>
+</svg>

package/public/site.webmanifest

@@ -0,0 +1,22 @@
+{
+  "name": "OpenChamber - AI Coding Companion",
+  "short_name": "OpenChamber",
+  "description": "OpenChamber desktop companion for the OpenCode AI coding agent",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#151313",
+  "theme_color": "#edb449",
+  "orientation": "portrait-primary",
+  "icons": [
+    { "src": "/pwa-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/pwa-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "/pwa-maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/pwa-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/apple-touch-icon-180x180.png", "sizes": "180x180", "type": "image/png", "purpose": "any" },
+    { "src": "/apple-touch-icon-152x152.png", "sizes": "152x152", "type": "image/png", "purpose": "any" },
+    { "src": "/favicon-32.png", "sizes": "32x32", "type": "image/png" },
+    { "src": "/favicon-16.png", "sizes": "16x16", "type": "image/png" }
+  ],
+  "categories": ["developer", "tools", "productivity"],
+  "lang": "en"
+}

package/server/TERMINAL_INPUT_WS_PROTOCOL.md

@@ -0,0 +1,44 @@
+# Terminal Input WS Protocol
+
+## Goal
+Reduce terminal input latency by replacing per-keystroke HTTP requests with a persistent WebSocket input channel, while keeping SSE output and HTTP endpoints as compatibility fallback.
+
+## Scope
+- Input path: WebSocket (`/api/terminal/input-ws`)
+- Output path: SSE (`/api/terminal/:sessionId/stream`)
+- HTTP input fallback remains: `POST /api/terminal/:sessionId/input`
+
+## Framing
+- Text frame: terminal keystroke payload (hot path)
+  - Examples: `"\r"`, `"\u001b[A"`, `"\u0003"`
+- Binary frame: control envelope
+  - Byte 0: tag (`0x01` = JSON control)
+  - Bytes 1..N: UTF-8 JSON payload
+
+## Control Messages
+- Bind active socket to terminal session:
+  - client -> server: `{"t":"b","s":"<sessionId>","v":1}`
+- Keepalive ping:
+  - client -> server: `{"t":"p","v":1}`
+  - server -> client: `{"t":"po","v":1}`
+- Server control responses:
+  - ready: `{"t":"ok","v":1}`
+  - bind ok: `{"t":"bok","v":1}`
+  - error: `{"t":"e","c":"<code>","f":true|false}`
+
+## Multiplexing Model
+- Single shared socket per client runtime.
+- Socket has one mutable `boundSessionId`.
+- Client sends bind control when active terminal changes.
+- Keystroke frames apply to currently bound session.
+- Client keeps socket open and sends periodic keepalive pings so the channel stays ready for next input.
+- Client primes/opens this socket when the Terminal tab is opened (not per keystroke).
+
+## Security
+- UI auth session required when UI password is enabled.
+- Origin validation enforced for cookie-authenticated browser upgrades.
+- Invalid/malformed frames are rate-limited and may close socket.
+
+## Fallback Behavior
+- On WS unavailable/error/close, client falls back to HTTP input immediately.
+- Existing terminal behavior remains functional during mixed-version rollout.

package/server/index.d.ts

@@ -0,0 +1,37 @@
+import type { Express } from "express";
+import type { Server } from "http";
+
+export interface WebUiServerController {
+  expressApp: Express;
+  httpServer: Server;
+  getPort: () => number | null;
+  getOpenCodePort: () => number | null;
+  isReady: () => boolean;
+  restartOpenCode: () => Promise<void>;
+  stop: (options?: { exitProcess?: boolean }) => Promise<void>;
+}
+
+export interface StartWebUiServerOptions {
+  port?: number;
+  attachSignals?: boolean;
+  exitOnShutdown?: boolean;
+  uiPassword?: string | null;
+}
+
+export declare function startWebUiServer(
+  options?: StartWebUiServerOptions
+): Promise<WebUiServerController>;
+
+export declare function gracefulShutdown(options?: { exitProcess?: boolean }): Promise<void>;
+export declare function setupProxy(app: Express): void;
+export declare function restartOpenCode(): Promise<void>;
+export declare function parseArgs(argv?: string[]): {
+  port: number;
+  uiPassword: string | null;
+  tryCfTunnel: boolean;
+  tunnelProvider?: string;
+  tunnelMode?: string;
+  tunnelConfigPath?: string | null;
+  tunnelToken?: string;
+  tunnelHostname?: string;
+};