Nguyễn Ngô ThượngandBohdan Triapitsyn
3cd6d051cb
* perf: fix streaming lag, memory leaks, and proxy timeout - PERF-001: Batch all streaming parts via requestAnimationFrame instead of per-token Zustand set() calls (~100/sec → 1 per frame) - PERF-002: Fix direct state.sessionMemoryState mutation inside set() callback - PERF-003: Debounce messageStore→sessionStore subscription via rAF + 500ms title computation delay - PERF-004: Stabilize SSE callbacks with refs to prevent reconnection storms; add 5-min stuck session idle timeout - PERF-005: Bound messageCache (500 max, LRU eviction), cap registry Maps, cleanup on session eviction - PERF-006: Replace toast duration: Infinity with 30s + id-based dedup - Fix proxy timeout: POST /session/:id/message 45s → 4min (matches CLI) - Add vitest + jsdom test infrastructure (61 tests across 7 files) Addresses: #476 (stuck spinner), #358 (34GB memory leak), #190 (browser lag) * perf: virtualize tool output rendering (read, edit, write) - PERF-007: Replace per-line <SyntaxHighlighter> with VirtualizedCodeBlock: - ONE Prism.highlight() call for entire file instead of N per-line calls - @tanstack/react-virtual renders only visible rows (~30 vs 2000+) - Applied to: ToolPart (read, DiffPreview, WriteInputPreview) and ToolOutputDialog (unified diff, read content) - PERF-008: Memoize parseReadToolOutput/parseDiffToUnified via useMemo to prevent re-parsing on every re-render A 2000-line file read now mounts ~30 DOM nodes instead of 2000 SyntaxHighlighter instances, eliminating the main-thread blocking that caused UI freezes during file operations. * fix: resolve lint errors (unused vars in tests and VirtualizedCodeBlock) * chore: trim PR scope to core perf fixes * fix: restore tool-card highlight stability --------- Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>
111 lines
3.5 KiB
JSON
111 lines
3.5 KiB
JSON
{
|
|
"name": "@openchamber/ui",
|
|
"version": "1.7.3",
|
|
"private": true,
|
|
"type": "module",
|
|
"main": "src/main.tsx",
|
|
"scripts": {
|
|
"dev": "tsc --noEmit --watch",
|
|
"build": "tsc --noEmit",
|
|
"type-check": "tsc --noEmit",
|
|
"lint": "eslint \"./src/**/*.{ts,tsx}\" --config ../../eslint.config.js"
|
|
},
|
|
"dependencies": {
|
|
"@codemirror/autocomplete": "^6.20.0",
|
|
"@codemirror/commands": "^6.10.1",
|
|
"@codemirror/lang-css": "^6.3.1",
|
|
"@codemirror/lang-html": "^6.4.11",
|
|
"@codemirror/lang-javascript": "^6.2.4",
|
|
"@codemirror/lang-json": "^6.0.2",
|
|
"@codemirror/lang-markdown": "^6.5.0",
|
|
"@codemirror/lang-python": "^6.2.1",
|
|
"@codemirror/lang-rust": "^6.0.2",
|
|
"@codemirror/lang-cpp": "^6.0.3",
|
|
"@codemirror/lang-go": "^6.0.1",
|
|
"@codemirror/lang-sql": "^6.10.0",
|
|
"@codemirror/lang-xml": "^6.1.0",
|
|
"@codemirror/lang-yaml": "^6.1.2",
|
|
"@codemirror/language": "^6.12.1",
|
|
"@codemirror/language-data": "^6.5.2",
|
|
"@codemirror/legacy-modes": "^6.5.2",
|
|
"@codemirror/lint": "^6.9.2",
|
|
"@codemirror/search": "^6.6.0",
|
|
"@codemirror/state": "^6.5.4",
|
|
"@codemirror/view": "^6.39.13",
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@fontsource/ibm-plex-mono": "^5.2.7",
|
|
"@fontsource/ibm-plex-sans": "^5.1.1",
|
|
"@ibm/plex": "^6.4.1",
|
|
"@lezer/highlight": "^1.2.3",
|
|
"@opencode-ai/sdk": "^1.2.5",
|
|
"@pierre/diffs": "1.1.0-beta.13",
|
|
"@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-switch": "^1.2.6",
|
|
"@radix-ui/react-toggle": "^1.1.10",
|
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
"@remixicon/react": "^4.7.0",
|
|
"@streamdown/code": "^1.0.2",
|
|
"@streamdown/mermaid": "^1.0.2",
|
|
"@tanstack/react-virtual": "^3.13.18",
|
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"codemirror-lang-elixir": "^4.0.0",
|
|
"express": "^5.1.0",
|
|
"fuse.js": "^7.1.0",
|
|
"ghostty-web": "^0.4.0",
|
|
"heic2any": "^0.0.4",
|
|
"http-proxy-middleware": "^3.0.5",
|
|
"motion": "^12.23.24",
|
|
"next-themes": "^0.4.6",
|
|
"prismjs": "^1.30.0",
|
|
"react": "^19.1.1",
|
|
"react-dom": "^19.1.1",
|
|
"react-syntax-highlighter": "^15.6.6",
|
|
"simple-git": "^3.28.0",
|
|
"sonner": "^2.0.7",
|
|
"streamdown": "^2.2.0",
|
|
"strip-json-comments": "^5.0.3",
|
|
"tailwind-merge": "^3.3.1",
|
|
"yaml": "^2.8.1",
|
|
"zod": "^4.3.6",
|
|
"zustand": "^5.0.8"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.33.0",
|
|
"@tailwindcss/postcss": "^4.0.0",
|
|
"@tauri-apps/api": "^2.9.0",
|
|
"@types/node": "^24.3.1",
|
|
"@types/prismjs": "^1.26.6",
|
|
"@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",
|
|
"electron": "^38.2.0",
|
|
"electron-builder": "^24.13.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"
|
|
}
|
|
}
|