farming-code 2.2.14 → 2.2.17

package/frontend/skins/crt/index.html

@@ -174,7 +174,7 @@
             inset: 3px 0 0;
             display: flex;
             flex-direction: column;
-            justify-content: flex-end;
+            justify-content: flex-start;
             gap: 5px;
             min-height: 0;
             padding: 0 4px 2px 12px;
@@ -209,7 +209,7 @@
             display: flex;
             flex: 0 1 auto;
             flex-direction: column;
-            justify-content: flex-end;
+            justify-content: flex-start;
             gap: 5px;
             min-height: 0;
             overflow: hidden;
@@ -300,20 +300,11 @@
             opacity: 0.58;
         }
 
-        .agent-block.working .agent-output:not(.structured-preview) {
-            animation: blink 0.5s infinite;
-        }
-
         @keyframes crt-chat-signal {
             0%, 100% { opacity: 0.45; transform: scale(0.82); }
             50% { opacity: 1; transform: scale(1); }
         }
 
-        @keyframes blink {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.8; }
-        }
-
         .sidebar {
             width: 200px;
             background: #2a2a2a;

package/frontend/skins/crt/styles/effects.css

@@ -86,8 +86,7 @@
 }
 
 #farming-crt.no-crt .crt-phosphor-noise,
-#farming-crt.no-crt .crt-scan-beam,
-#farming-crt.no-crt .agent-output-afterimage {
+#farming-crt.no-crt .crt-scan-beam {
     display: none;
 }
 
@@ -112,15 +111,6 @@
     }
 }
 
-#farming-crt .agent-output-afterimage {
-    pointer-events: none;
-    user-select: none;
-    opacity: 0.34;
-    filter: blur(0.35px);
-    mix-blend-mode: screen;
-    animation: crt-content-afterimage 620ms cubic-bezier(0.16, 0.72, 0.28, 1) forwards;
-}
-
 #farming-crt .xterm-screen {
     position: relative;
 }
@@ -150,30 +140,8 @@
     color: #b98282;
 }
 
-#farming-crt .agent-output-afterimage {
-    position: absolute;
-    inset: 0;
-    z-index: 2;
-}
-
-@keyframes crt-content-afterimage {
-    0% {
-        opacity: 0.34;
-        filter: blur(0.25px) brightness(1.08);
-    }
-    45% {
-        opacity: 0.13;
-        filter: blur(0.65px) brightness(0.94);
-    }
-    100% {
-        opacity: 0;
-        filter: blur(1.2px) brightness(0.72);
-    }
-}
-
 @media (prefers-reduced-motion: reduce) {
-    #farming-crt .crt-scan-beam,
-    #farming-crt .agent-output-afterimage {
+    #farming-crt .crt-scan-beam {
         display: none;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "farming-code",
-  "version": "2.2.14",
+  "version": "2.2.17",
   "description": "Remote browser workspace for supervising AI coding agents",
   "main": "backend/server.js",
   "bin": {
@@ -8,8 +8,10 @@
   },
   "files": [
     "backend/*.js",
+    "backend/usage-history-scanner.ts",
     "backend/acp/",
     "backend/data/",
+    "backend/vendor/usage-parsers/",
     "bin/",
     "config/*.example",
     "dist/",
@@ -19,7 +21,6 @@
     "frontend/themes/",
     "frontend/vendor/ghostty-web/",
     "shared/",
-    "scripts/sync-ghostty-vendor.js",
     "LICENSE",
     "README.md",
     "README.zh_cn.md",
@@ -29,18 +30,21 @@
   ],
   "scripts": {
     "sync:ghostty-vendor": "node scripts/sync-ghostty-vendor.js",
-    "postinstall": "node scripts/sync-ghostty-vendor.js",
+    "prepare:acp-vendor": "node scripts/prepare-codex-acp-vendor.js --copy",
+    "build:usage-history": "node scripts/build-usage-history-scanner.js",
+    "prebuild": "node scripts/build-usage-history-scanner.js && node scripts/sync-ghostty-vendor.js && node scripts/prepare-codex-acp-vendor.js",
     "prepack": "FARMING_BASE_PATH=/farming npm run build",
+    "pretest": "npm run prepare:acp-vendor && npm run build:usage-history",
     "start": "npm run build && node backend/server.js",
     "start:net": "node backend/farming-net-server.js",
     "start:no-auth": "FARMING_DISABLE_AUTH=1 npm start",
-    "predev:backend": "npm run build:crt-markdown",
+    "predev:backend": "npm run prepare:acp-vendor && npm run build:usage-history && npm run build:crt-markdown",
     "dev:backend": "node backend/server.js",
     "dev:frontend": "vite",
-    "predev": "npm run build:crt-markdown",
+    "predev": "npm run prepare:acp-vendor && npm run build:usage-history && npm run build:crt-markdown",
     "dev": "node backend/server.js & vite --open & wait",
     "build:crt-markdown": "node -e \"require('fs').rmSync('dist/crt-markdown-assets',{recursive:true,force:true})\" && esbuild src/crt-markdown-renderer.tsx --bundle --outdir=dist --entry-names=crt-markdown-renderer --asset-names=crt-markdown-assets/[name]-[hash] --platform=browser --format=iife --target=es2022 --loader:.woff=file --loader:.woff2=file --loader:.ttf=file --minify && esbuild src/crt-mermaid-runtime.ts --bundle --outfile=dist/crt-mermaid-renderer.js --platform=browser --format=iife --target=es2022 --minify",
-    "build": "vite build && npm run build:crt-markdown",
+    "build": "vite build && npm run build:crt-markdown && npm run prepare:acp-vendor",
     "deploy:remote": "./scripts/deploy.sh up",
     "deploy:remote:no-auth": "./scripts/deploy.sh up --disable-auth",
     "release:cli": "./scripts/package-cli-release.sh",
@@ -55,7 +59,6 @@
     "release:remote:linux-compat": "./scripts/install-remote-linux-compat-release.sh",
     "docs:product:screenshots": "node scripts/capture-product-screenshots.js",
     "test": "node scripts/run-tests.js",
-    "test:codex-app-server:real": "FARMING_REAL_CODEX_APP_SERVER_SMOKE=1 node scripts/smoke-codex-app-server.js",
     "test:pre-release:codex-ui": "FARMING_REAL_CODEX_BIN=\"$(command -v codex)\" FARMING_CODEX_BIN=\"$PWD/tests/e2e/fixtures/real-codex-no-update\" FARMING_REAL_CODEX_RELEASE_CASE=1 FARMING_E2E_REAL_CODEX=1 FARMING_PLAYWRIGHT_INTERNAL=1 playwright test tests/e2e/internal/real-codex-release-case.spec.ts --project=chromium --workers=1 --retries=0 --trace=retain-on-failure",
     "test:pre-release:terminal-input": "playwright test tests/e2e/terminal-input-performance.spec.ts --project=chromium --workers=1 --retries=0 --trace=retain-on-failure",
     "test:performance:audit": "node tests/performance/agent-usage-hotpath.js && FARMING_PLAYWRIGHT_INTERNAL=1 playwright test tests/e2e/internal/performance-bottlenecks.spec.ts --project=chromium --workers=1 --retries=0 --trace=retain-on-failure",
@@ -68,10 +71,11 @@
     "test:e2e:local": "FARMING_BASE_PATH=/farming npm run build && node scripts/e2e.js local",
     "test:e2e:remote": "FARMING_BASE_PATH=/farming npm run build && node scripts/e2e.js remote",
     "test:remote-terminal:smoke": "node scripts/smoke-remote-terminal.js",
+    "test:remote-terminal:chaos": "node scripts/smoke-remote-terminal-chaos.js",
     "test:e2e:workspaces:local": "FARMING_BASE_PATH=/farming npm run build && node scripts/e2e-workspaces.js local",
     "test:e2e:workspaces:remote": "FARMING_BASE_PATH=/farming npm run build && node scripts/e2e-workspaces.js remote",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint --max-warnings=0 \"backend/**/*.js\" \"frontend/**/*.js\" \"scripts/**/*.js\" bin/farming --ignore-pattern \"frontend/vendor/**\" --ignore-pattern \"frontend/themes/**\"",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.usage.json",
+    "lint": "eslint --max-warnings=0 \"backend/**/*.js\" \"frontend/**/*.js\" \"scripts/**/*.js\" bin/farming --ignore-pattern \"backend/usage-history-scanner.generated.js\" --ignore-pattern \"frontend/vendor/**\" --ignore-pattern \"frontend/themes/**\"",
     "check": "npm run typecheck && npm run lint && npm test"
   },
   "keywords": [
@@ -96,7 +100,7 @@
     "access": "public"
   },
   "engines": {
-    "node": ">=22"
+    "node": "^22.13.0 || >=24.0.0"
   },
   "dependencies": {
     "@agentclientprotocol/claude-agent-acp": "0.59.0",
@@ -112,7 +116,7 @@
     "ansi-to-html": "^0.7.2",
     "chokidar": "^5.0.0",
     "diff": "^9.0.0",
-    "express": "^4.18.2",
+    "express": "^4.22.2",
     "ghostty-web": "^0.4.0",
     "highlight.js": "^11.11.1",
     "katex": "^0.17.0",
@@ -136,19 +140,33 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.59.1",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "@yao-pkg/pkg": "6.20.0",
     "esbuild": "^0.27.7",
     "eslint": "^10.2.0",
+    "patch-package": "8.0.1",
     "puppeteer": "^24.40.0",
     "tsx": "^4.21.0",
     "typescript": "^6.0.2",
     "vite": "^8.0.3"
   },
   "overrides": {
+    "@hono/node-server": "2.0.11",
+    "express@^4.22.2": {
+      ".": "$express",
+      "body-parser": "1.20.6"
+    },
     "qs": "6.15.3",
-    "dompurify": "3.4.11"
+    "dompurify": "3.4.12"
+  },
+  "allowScripts": {
+    "esbuild@0.27.7": true,
+    "esbuild@0.28.1": true,
+    "node-pty@1.2.0-beta.12": true,
+    "fsevents": false,
+    "puppeteer": false
   }
 }

package/shared/backend-connection-status.d.ts

@@ -0,0 +1,25 @@
+export const BACKEND_INITIAL_CONNECT_GRACE_MS: number
+export const BACKEND_HEARTBEAT_STALE_MS: number
+
+export type BackendConnectionState = 'connecting' | 'lost' | 'stale' | null
+export interface PageVisibilitySnapshot {
+  visible: boolean
+  visibleSince: number
+}
+
+export function classifyBackendConnection(input: {
+  connected: boolean
+  everConnected: boolean
+  lastMessageAt: number
+  visibleSince: number
+  now: number
+}): BackendConnectionState
+
+export function reducePageVisibilitySnapshot(
+  current: PageVisibilitySnapshot,
+  event: {
+    eventType: string
+    documentVisible: boolean
+    changedAt: number
+  },
+): PageVisibilitySnapshot

package/shared/backend-connection-status.js

@@ -0,0 +1,40 @@
+const BACKEND_INITIAL_CONNECT_GRACE_MS = 3000;
+const BACKEND_HEARTBEAT_STALE_MS = 6000;
+
+function classifyBackendConnection({
+  connected,
+  everConnected,
+  lastMessageAt,
+  visibleSince,
+  now,
+}) {
+  const observationStartedAt = Math.max(lastMessageAt, visibleSince);
+  const elapsed = Math.max(0, now - observationStartedAt);
+  if (!connected && everConnected) return 'lost';
+  if (!connected && elapsed >= BACKEND_INITIAL_CONNECT_GRACE_MS) return 'connecting';
+  if (connected && elapsed >= BACKEND_HEARTBEAT_STALE_MS) return 'stale';
+  return null;
+}
+
+function reducePageVisibilitySnapshot(current, {
+  eventType,
+  documentVisible,
+  changedAt,
+}) {
+  const visible = eventType === 'pagehide' ? false : documentVisible;
+  if (visible === current.visible) {
+    if (!visible || eventType !== 'pageshow') return current;
+    return { visible: true, visibleSince: changedAt };
+  }
+  return {
+    visible,
+    visibleSince: visible ? changedAt : current.visibleSince,
+  };
+}
+
+module.exports = {
+  BACKEND_INITIAL_CONNECT_GRACE_MS,
+  BACKEND_HEARTBEAT_STALE_MS,
+  classifyBackendConnection,
+  reducePageVisibilitySnapshot,
+};

package/shared/browser-protocol.js

@@ -6,7 +6,6 @@ const CLIENT_MESSAGE_TYPES = new Set([
   'start-agent',
   'input',
   'composer-input',
-  'app-server-request-response',
   'acp-permission-response',
   'interrupt-agent',
   'focus-agent',
@@ -24,6 +23,7 @@ const SERVER_MESSAGE_TYPES = new Set([
   'command-ack',
   'state',
   'error',
+  'composer-input-result',
   'agent-started',
   'session-output',
   'session-preview',
@@ -80,8 +80,7 @@ function validateClientMessage(value) {
     case 'protocol-hello': valid = Number.isInteger(value.protocolVersion); break;
     case 'start-agent': valid = stringField(value, 'command'); break;
     case 'input': valid = stringField(value, 'agentId', true) && (typeof value.input === 'string' || Array.isArray(value.inputParts)); break;
-    case 'composer-input': valid = stringField(value, 'message') && stringField(value, 'agentId', true); break;
-    case 'app-server-request-response':
+    case 'composer-input': valid = stringField(value, 'message') && stringField(value, 'agentId', true) && stringField(value, 'requestId', true); break;
     case 'acp-permission-response': valid = stringField(value, 'agentId') && stringField(value, 'requestId'); break;
     case 'focus-agent': valid = value.agentId === null || stringField(value, 'agentId'); break;
     case 'resize-agent': valid = stringField(value, 'agentId') && finiteField(value, 'cols') && finiteField(value, 'rows'); break;
@@ -102,6 +101,7 @@ function validateServerMessage(value) {
     case 'error': valid = stringField(value, 'message'); break;
     case 'command-ack': valid = stringField(value, 'requestId') && stringField(value, 'command'); break;
     case 'state': valid = objectMessage(value.state) && Array.isArray(value.state.agents); break;
+    case 'composer-input-result': valid = stringField(value, 'requestId') && stringField(value, 'agentId') && typeof value.accepted === 'boolean' && stringField(value, 'message', true); break;
     case 'agent-started': valid = stringField(value, 'agentId'); break;
     case 'session-output': valid = objectMessage(value.stream) && stringField(value.stream, 'agentId'); break;
     case 'session-preview': valid = objectMessage(value.preview) && stringField(value.preview, 'agentId'); break;