João Salavisa
1fdeda904b
* feat: add voice mode for chat input Adds a voice input button to the chat composer with three transcription engines: in-browser Web Speech API, in-browser Whisper via @huggingface/transformers, and a server-side OpenAI Whisper fallback gated on KANDEV_VOICE_OPENAI_API_KEY. User-configurable from a new /settings/voice-mode page: - Master on/off toggle (defaults to on; opt-out, not opt-in) - Engine preference (auto / Web Speech / Whisper Web / Whisper Server) - Language hint (auto-detect or BCP-47 pinned) - Activation mode (click-to-toggle or hold-to-talk) - Auto-send after transcription - Whisper Web model size (tiny / base / small) - Editable Cmd+Shift+M keyboard shortcut Voice settings live under user_settings.voice_mode as a nested JSON object — no schema migration. Setting changes broadcast via the existing user.settings.updated WS event so any open chat tab updates live. The mic button is rendered on the right of the composer alongside the send button (round primary fill; destructive fill with pulse ring while recording). On browsers without a usable engine (e.g. iOS Chrome over HTTP) the button stays visible as a muted greyed icon — tapping it surfaces a toast with the reason (typically a missing secure context). Whisper Web runs in a Web Worker with fp16 decoder weights (avoids the MatMulNBits scale-missing crash that q4/q8 hit on WASM). Models are pulled from the onnx-community/* mirror and cached by transformers.js in the Cache Storage on first use. * fix: address voice mode PR review feedback and E2E selector clash Bot-review fixes from #1159: - Map http.MaxBytesError from c.FormFile to 413 instead of bare 400. - Strip BCP-47 region suffix before passing language hint to Whisper Web. - Recover from worker crash: terminate + null worker + reset ready flag so next init/transcribe creates a fresh worker instead of hanging. - Read live store state via storeApi.getState() in voice-mode settings savers to avoid stale-closure clobbering concurrent settings updates. - Detach Web Speech callbacks before abort() so trailing onend/onerror events don't mutate hook state after cancel(). - Spread caller init before method/body in voice-api fetch so a caller- supplied init can't override the multipart POST. - Replace t.Fatalf with t.Errorf+return inside test HTTP handler goroutine (FailNow from non-test goroutine is unsafe). - Add Enabled/AutoSend zeroing assertions in partial-update test so the bool-overwrite-on-PATCH behavior is locked in explicitly. E2E fix: - toolbar-overflow spec used button.rounded-full which now matches both the send and voice buttons (strict-mode violation). Switched to the submit-message-button testid for an unambiguous locator. * fix: scope voice settings rollback + whisper worker error to changed keys Round 2 of PR review feedback on #1159: - voice-mode settings rollback now restores only the keys patched by the failing request (not the whole snapshot), preserving concurrent edits to unrelated voiceMode fields. - Shortcut rollback diffs previous vs next and reverts only the changed keys (restore prior value or delete if absent), preserving other concurrent shortcut edits. - Whisper worker error handler captures the worker reference at attach time and only clears refs when this.worker still matches it — a stale error from a previously replaced worker no longer nukes the active one. - Update stale whisper-web-models JSDoc that still pointed at Xenova mirrors. * fix: voice mode progress scale, hold-mode race, race-aware rollback Round 3 of PR review feedback on #1159: - Normalise Whisper progress to 0–1 in ensureWhisperClient (transformers.js emits 0–100, the button's display + the `ready: 1` convention expect 0–1 — fixes the 5000% mid-download display). - Claim driverRef synchronously at the top of finishCapture so concurrent pointerup + pointerleave invocations early-return instead of racing and clobbering a freshly-started recording's ref. - Race-aware rollback: voice-mode and shortcut catch branches now skip reverting a key when latest[key] !== next[key]. A failed earlier request no longer overwrites a later successful save to the same key. - Update the Worker wire-protocol comment to show onnx-community/whisper-base instead of the stale Xenova/* example. --------- Co-authored-by: Kandev Agent <agent@kandev.dev>
147 lines
5.3 KiB
JSON
147 lines
5.3 KiB
JSON
{
|
|
"name": "@kandev/web",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"predev": "node scripts/generate-release-notes.mjs && node scripts/generate-changelog.mjs",
|
|
"dev": "next dev --hostname 0.0.0.0",
|
|
"prebuild": "node scripts/generate-release-notes.mjs && node scripts/generate-changelog.mjs",
|
|
"build": "cross-env NODE_ENV=production next build",
|
|
"start": "cross-env NODE_ENV=production next start",
|
|
"lint": "eslint --max-warnings 0",
|
|
"pretypecheck": "node scripts/generate-release-notes.mjs && node scripts/generate-changelog.mjs",
|
|
"typecheck": "tsc --noEmit",
|
|
"test": "vitest run",
|
|
"e2e": "playwright test --config e2e/playwright.config.ts",
|
|
"e2e:run": "e2e/scripts/run-e2e.sh",
|
|
"e2e:docker": "e2e/scripts/run-e2e.sh --docker",
|
|
"e2e:clean": "e2e/scripts/run-e2e.sh clean",
|
|
"e2e:ui": "playwright test --config e2e/playwright.config.ts --ui",
|
|
"e2e:headed": "playwright test --config e2e/playwright.config.ts --headed",
|
|
"e2e:capture": "cross-env CAPTURE_PR_ASSETS=true playwright test --config e2e/playwright.config.ts && tsx e2e/scripts/convert-assets.ts",
|
|
"licenses:gen": "tsx scripts/generate-licenses.ts"
|
|
},
|
|
"dependencies": {
|
|
"@base-ui/react": "^1.0.0",
|
|
"@codemirror/autocomplete": "^6.18.1",
|
|
"@codemirror/commands": "^6.7.0",
|
|
"@codemirror/lang-cpp": "^6.0.3",
|
|
"@codemirror/lang-css": "^6.3.1",
|
|
"@codemirror/lang-go": "^6.0.1",
|
|
"@codemirror/lang-html": "^6.4.11",
|
|
"@codemirror/lang-java": "^6.0.2",
|
|
"@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-yaml": "^6.1.2",
|
|
"@codemirror/state": "^6.5.3",
|
|
"@codemirror/view": "^6.39.10",
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@huggingface/transformers": "^4.2.0",
|
|
"@kandev/theme": "workspace:*",
|
|
"@kandev/types": "workspace:*",
|
|
"@kandev/ui": "workspace:*",
|
|
"@lezer/highlight": "^1.2.3",
|
|
"@monaco-editor/react": "^4.7.0",
|
|
"@pierre/diffs": "^1.1.22",
|
|
"@tabler/icons-react": "^3.36.1",
|
|
"@tanstack/react-table": "^8.21.3",
|
|
"@tiptap/core": "^3.19.0",
|
|
"@tiptap/extension-bubble-menu": "^3.19.0",
|
|
"@tiptap/extension-code": "^3.19.0",
|
|
"@tiptap/extension-code-block-lowlight": "^3.19.0",
|
|
"@tiptap/extension-document": "^3.19.0",
|
|
"@tiptap/extension-drag-handle": "^3.20.0",
|
|
"@tiptap/extension-drag-handle-react": "^3.20.0",
|
|
"@tiptap/extension-hard-break": "^3.19.0",
|
|
"@tiptap/extension-highlight": "^3.19.0",
|
|
"@tiptap/extension-history": "^3.19.0",
|
|
"@tiptap/extension-image": "^3.19.0",
|
|
"@tiptap/extension-link": "^3.19.0",
|
|
"@tiptap/extension-mention": "^3.19.0",
|
|
"@tiptap/extension-paragraph": "^3.19.0",
|
|
"@tiptap/extension-placeholder": "^3.19.0",
|
|
"@tiptap/extension-table": "^3.19.0",
|
|
"@tiptap/extension-table-cell": "^3.19.0",
|
|
"@tiptap/extension-table-header": "^3.19.0",
|
|
"@tiptap/extension-table-row": "^3.19.0",
|
|
"@tiptap/extension-task-item": "^3.19.0",
|
|
"@tiptap/extension-task-list": "^3.19.0",
|
|
"@tiptap/extension-text": "^3.19.0",
|
|
"@tiptap/extension-underline": "^3.19.0",
|
|
"@tiptap/pm": "^3.19.0",
|
|
"@tiptap/react": "^3.19.0",
|
|
"@tiptap/starter-kit": "^3.19.0",
|
|
"@tiptap/suggestion": "^3.19.0",
|
|
"@uiw/codemirror-theme-github": "^4.25.4",
|
|
"@uiw/codemirror-theme-vscode": "^4.25.4",
|
|
"@uiw/react-codemirror": "^4.25.4",
|
|
"@xterm/addon-attach": "^0.12.0",
|
|
"@xterm/addon-fit": "^0.11.0",
|
|
"@xterm/addon-search": "^0.15.0",
|
|
"@xterm/addon-unicode11": "^0.9.0",
|
|
"@xterm/addon-web-links": "^0.12.0",
|
|
"@xterm/addon-webgl": "^0.19.0",
|
|
"@xterm/xterm": "^6.0.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"diff": "^8.0.3",
|
|
"dockview-react": "^4.13.1",
|
|
"embla-carousel-react": "^8.6.0",
|
|
"immer": "^10.1.1",
|
|
"input-otp": "^1.4.2",
|
|
"lowlight": "^3.3.0",
|
|
"mermaid": "^11.12.2",
|
|
"monaco-editor": "^0.55.1",
|
|
"next": "16.1.7",
|
|
"next-themes": "^0.4.6",
|
|
"radix-ui": "^1.4.3",
|
|
"react": "19.2.3",
|
|
"react-day-picker": "^9.13.0",
|
|
"react-dom": "19.2.3",
|
|
"react-markdown": "^10.1.0",
|
|
"react-resizable-panels": "^4.4.1",
|
|
"react-virtuoso": "^4.18.1",
|
|
"recharts": "2.15.4",
|
|
"rehype-raw": "^7.0.0",
|
|
"rehype-sanitize": "^6.0.0",
|
|
"remark-breaks": "^4.0.0",
|
|
"remark-gemoji": "^8.0.0",
|
|
"remark-gfm": "^4.0.1",
|
|
"shadcn": "^3.6.3",
|
|
"shiki": "^3.22.0",
|
|
"sonner": "^2.0.7",
|
|
"styled-jsx": "5.1.6",
|
|
"tailwind-merge": "^3.4.0",
|
|
"tiptap-markdown": "^0.9.0",
|
|
"tw-animate-css": "^1.4.0",
|
|
"vaul": "^1.1.2",
|
|
"zustand": "^5.0.8"
|
|
},
|
|
"devDependencies": {
|
|
"@playwright/test": "^1.58.2",
|
|
"@tailwindcss/postcss": "^4",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@types/diff": "^8.0.0",
|
|
"@types/node": "^20",
|
|
"@types/react": "^19",
|
|
"@types/react-dom": "^19",
|
|
"cross-env": "^7.0.3",
|
|
"eslint": "^9",
|
|
"eslint-config-next": "16.1.1",
|
|
"eslint-plugin-sonarjs": "^3.0.7",
|
|
"eslint-plugin-unused-imports": "^4.4.1",
|
|
"happy-dom": "^20.8.9",
|
|
"tailwindcss": "^4",
|
|
"tsx": "^4.21.0",
|
|
"typescript": "^5",
|
|
"vitest": "^1.6.0"
|
|
}
|
|
}
|