reneco-advanced-input-module 0.0.21 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/voice-input-module.cjs.entry.js +274 -62
- package/dist/cjs/voice-input-module.cjs.entry.js.map +1 -1
- package/dist/cjs/voice-input-module.cjs.js +1 -1
- package/dist/cjs/voice-input-module.entry.cjs.js.map +1 -1
- package/dist/collection/components/voice-input-module/voice-input-module.js +87 -4
- package/dist/collection/components/voice-input-module/voice-input-module.js.map +1 -1
- package/dist/collection/services/audio-recorder.service.js +61 -44
- package/dist/collection/services/audio-recorder.service.js.map +1 -1
- package/dist/collection/services/llm.service.js +137 -8
- package/dist/collection/services/llm.service.js.map +1 -1
- package/dist/collection/services/speech-to-text.service.js +39 -5
- package/dist/collection/services/speech-to-text.service.js.map +1 -1
- package/dist/collection/types/service-providers.types.js +9 -1
- package/dist/collection/types/service-providers.types.js.map +1 -1
- package/dist/components/voice-input-module.js +281 -63
- package/dist/components/voice-input-module.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/voice-input-module.entry.js +274 -62
- package/dist/esm/voice-input-module.entry.js.map +1 -1
- package/dist/esm/voice-input-module.js +1 -1
- package/dist/types/components/voice-input-module/voice-input-module.d.ts +3 -0
- package/dist/types/components.d.ts +18 -0
- package/dist/types/services/audio-recorder.service.d.ts +5 -0
- package/dist/types/services/llm.service.d.ts +22 -0
- package/dist/types/services/speech-to-text.service.d.ts +8 -0
- package/dist/types/types/service-providers.types.d.ts +6 -2
- package/dist/voice-input-module/p-0e2b9ca0.entry.js +3 -0
- package/dist/voice-input-module/p-0e2b9ca0.entry.js.map +1 -0
- package/dist/voice-input-module/voice-input-module.entry.esm.js.map +1 -1
- package/dist/voice-input-module/voice-input-module.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +81 -0
- package/www/build/p-0e2b9ca0.entry.js +3 -0
- package/www/build/p-0e2b9ca0.entry.js.map +1 -0
- package/www/build/p-812b92c7.js +2 -0
- package/www/build/voice-input-module.entry.esm.js.map +1 -1
- package/www/build/voice-input-module.esm.js +1 -1
- package/www/index.html +12 -1
- package/dist/voice-input-module/p-4e449895.entry.js +0 -3
- package/dist/voice-input-module/p-4e449895.entry.js.map +0 -1
- package/www/build/p-3a11e8d2.js +0 -2
- package/www/build/p-4e449895.entry.js +0 -3
- package/www/build/p-4e449895.entry.js.map +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["ocr-file-uploader",[[257,"ocr-file-uploader",{"batch":[4],"callback":[16],"jsonSchema":[1,"json-schema"],"theme":[1],"parsedTheme":[32]},null,{"theme":["parseTheme"]}]]],["voice-input-module",[[257,"voice-input-module",{"formJson":[1,"form-json"],"serviceConfig":[1,"service-config"],"apiKey":[1,"api-key"],"apiProxyUrl":[1,"api-proxy-url"],"transcriptionModel":[1,"transcription-model"],"completionModel":[1,"completion-model"],"context":[1],"classificationRootUrl":[1,"classification-root-url"],"language":[1],"inputTypes":[1,"input-types"],"theme":[1],"debug":[4],"renderForm":[4,"render-form"],"displayStatus":[4,"display-status"],"isRecording":[32],"isProcessing":[32],"statusMessage":[32],"hasError":[32],"transcription":[32],"filledData":[32],"debugInfo":[32],"isReadonlyMode":[32],"convertXmlToJson":[64],"convertJsonToXml":[64],"convertXmlToJsonLegacy":[64],"convertJsonToXmlLegacy":[64]},null,{"formJson":["initializeServices"],"serviceConfig":["initializeServices"],"theme":["initializeServices"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["ocr-file-uploader",[[257,"ocr-file-uploader",{"batch":[4],"callback":[16],"jsonSchema":[1,"json-schema"],"theme":[1],"parsedTheme":[32]},null,{"theme":["parseTheme"]}]]],["voice-input-module",[[257,"voice-input-module",{"formJson":[1,"form-json"],"serviceConfig":[1,"service-config"],"apiKey":[1,"api-key"],"apiProxyUrl":[1,"api-proxy-url"],"transcriptionModel":[1,"transcription-model"],"completionModel":[1,"completion-model"],"transcriptionProvider":[1,"transcription-provider"],"completionProvider":[1,"completion-provider"],"context":[1],"classificationRootUrl":[1,"classification-root-url"],"language":[1],"inputTypes":[1,"input-types"],"theme":[1],"debug":[4],"renderForm":[4,"render-form"],"displayStatus":[4,"display-status"],"isRecording":[32],"isProcessing":[32],"statusMessage":[32],"hasError":[32],"transcription":[32],"filledData":[32],"debugInfo":[32],"isReadonlyMode":[32],"convertXmlToJson":[64],"convertJsonToXml":[64],"convertXmlToJsonLegacy":[64],"convertJsonToXmlLegacy":[64]},null,{"formJson":["initializeServices"],"serviceConfig":["initializeServices"],"theme":["initializeServices"],"transcriptionProvider":["initializeServices"],"completionProvider":["initializeServices"],"transcriptionModel":["initializeServices"],"completionModel":["initializeServices"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,68 +1,95 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h as h$1 } from './index-jmc2yzBp.js';
|
|
2
2
|
|
|
3
|
+
const TRANSCRIPTION_MODELS = {
|
|
4
|
+
openai: ['gpt-4o-transcribe', 'gpt-4o-mini-transcribe', 'whisper-1'],
|
|
5
|
+
mistral: ['voxtral-mini-latest', 'voxtral-mini-transcribe-realtime-latest'],
|
|
6
|
+
};
|
|
7
|
+
const COMPLETION_MODELS = {
|
|
8
|
+
openai: ['gpt-5', 'gpt-5-mini', 'gpt-5.5', 'gpt-4.1', 'gpt-4.1-mini', 'gpt-4o', 'gpt-4o-mini', 'o4-mini', 'gpt-5.2', 'gpt-5.3', 'gpt-5.4', 'gpt-5.4-mini', 'gpt-5.4-pro', 'gpt-5.4-nano'],
|
|
9
|
+
anthropic: ['claude-opus-4', 'claude-sonnet-4', 'claude-haiku-4', 'claude-3.7-sonnet', 'claude-3.5-sonnet', 'claude-opus-4.7', 'claude-opus-4.6', 'claude-opus-4.5', 'claude-sonnet-4.6', 'claude-sonnet-4.5'],
|
|
10
|
+
mistral: ['mistral-large-latest', 'mistral-medium-latest', 'mistral-small-latest', 'ministral', 'mistral-nemo'],
|
|
11
|
+
};
|
|
12
|
+
|
|
3
13
|
class AudioRecorderService {
|
|
4
14
|
constructor() {
|
|
5
15
|
this.mediaRecorder = null;
|
|
6
16
|
this.audioChunks = [];
|
|
7
17
|
this.stream = null;
|
|
18
|
+
this.audioContext = null;
|
|
19
|
+
this.scriptProcessor = null;
|
|
20
|
+
this.pcmChunks = [];
|
|
21
|
+
this.sampleRate = 16000;
|
|
8
22
|
}
|
|
9
23
|
async startRecording() {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
|
|
13
|
-
console.error('Failed to start recording:', 'Microphone access is not supported in this browser or the page is not served over HTTPS/localhost.');
|
|
14
|
-
return; // Exit gracefully instead of throwing
|
|
15
|
-
}
|
|
16
|
-
this.stream = await navigator.mediaDevices.getUserMedia({
|
|
17
|
-
audio: {
|
|
18
|
-
echoCancellation: true,
|
|
19
|
-
noiseSuppression: true,
|
|
20
|
-
autoGainControl: true
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
this.audioChunks = [];
|
|
24
|
-
this.mediaRecorder = new MediaRecorder(this.stream, {
|
|
25
|
-
mimeType: 'audio/webm;codecs=opus'
|
|
26
|
-
});
|
|
27
|
-
this.mediaRecorder.ondataavailable = (event) => {
|
|
28
|
-
if (event.data && event.data.size > 0) {
|
|
29
|
-
this.audioChunks.push(event.data);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
this.mediaRecorder.start(100); // Collect data every 100ms
|
|
33
|
-
}
|
|
34
|
-
catch (error) {
|
|
35
|
-
console.error('Failed to start recording:', error);
|
|
24
|
+
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
|
|
25
|
+
throw new Error('Microphone access is not supported in this browser or the page is not served over HTTPS/localhost.');
|
|
36
26
|
}
|
|
27
|
+
this.stream = await navigator.mediaDevices.getUserMedia({
|
|
28
|
+
audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
|
|
29
|
+
});
|
|
30
|
+
this.audioContext = new AudioContext({ sampleRate: this.sampleRate });
|
|
31
|
+
const source = this.audioContext.createMediaStreamSource(this.stream);
|
|
32
|
+
this.scriptProcessor = this.audioContext.createScriptProcessor(4096, 1, 1);
|
|
33
|
+
this.pcmChunks = [];
|
|
34
|
+
this.scriptProcessor.onaudioprocess = (e) => {
|
|
35
|
+
const input = e.inputBuffer.getChannelData(0);
|
|
36
|
+
this.pcmChunks.push(new Float32Array(input));
|
|
37
|
+
};
|
|
38
|
+
source.connect(this.scriptProcessor);
|
|
39
|
+
this.scriptProcessor.connect(this.audioContext.destination);
|
|
37
40
|
}
|
|
38
41
|
async stopRecording() {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
if (!this.audioContext || !this.scriptProcessor) {
|
|
43
|
+
throw new Error('No active recording found');
|
|
44
|
+
}
|
|
45
|
+
this.scriptProcessor.disconnect();
|
|
46
|
+
await this.audioContext.close();
|
|
47
|
+
const wavBlob = this.encodeWav(this.pcmChunks, this.sampleRate);
|
|
48
|
+
this.cleanup();
|
|
49
|
+
return wavBlob;
|
|
50
|
+
}
|
|
51
|
+
encodeWav(chunks, sampleRate) {
|
|
52
|
+
const totalSamples = chunks.reduce((acc, c) => acc + c.length, 0);
|
|
53
|
+
const buffer = new ArrayBuffer(44 + totalSamples * 2);
|
|
54
|
+
const view = new DataView(buffer);
|
|
55
|
+
const writeStr = (offset, str) => {
|
|
56
|
+
for (let i = 0; i < str.length; i++)
|
|
57
|
+
view.setUint8(offset + i, str.charCodeAt(i));
|
|
58
|
+
};
|
|
59
|
+
writeStr(0, 'RIFF');
|
|
60
|
+
view.setUint32(4, 36 + totalSamples * 2, true);
|
|
61
|
+
writeStr(8, 'WAVE');
|
|
62
|
+
writeStr(12, 'fmt ');
|
|
63
|
+
view.setUint32(16, 16, true); // PCM chunk size
|
|
64
|
+
view.setUint16(20, 1, true); // PCM format
|
|
65
|
+
view.setUint16(22, 1, true); // mono
|
|
66
|
+
view.setUint32(24, sampleRate, true);
|
|
67
|
+
view.setUint32(28, sampleRate * 2, true); // byte rate
|
|
68
|
+
view.setUint16(32, 2, true); // block align
|
|
69
|
+
view.setUint16(34, 16, true); // bits per sample
|
|
70
|
+
writeStr(36, 'data');
|
|
71
|
+
view.setUint32(40, totalSamples * 2, true);
|
|
72
|
+
let offset = 44;
|
|
73
|
+
for (const chunk of chunks) {
|
|
74
|
+
for (let i = 0; i < chunk.length; i++) {
|
|
75
|
+
const s = Math.max(-1, Math.min(1, chunk[i]));
|
|
76
|
+
view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
|
|
77
|
+
offset += 2;
|
|
43
78
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
this.cleanup();
|
|
47
|
-
resolve(audioBlob);
|
|
48
|
-
};
|
|
49
|
-
this.mediaRecorder.onerror = (event) => {
|
|
50
|
-
reject(new Error(`Recording error: ${event}`));
|
|
51
|
-
};
|
|
52
|
-
this.mediaRecorder.stop();
|
|
53
|
-
});
|
|
79
|
+
}
|
|
80
|
+
return new Blob([buffer], { type: 'audio/wav' });
|
|
54
81
|
}
|
|
55
82
|
isRecording() {
|
|
56
|
-
|
|
57
|
-
return ((_a = this.mediaRecorder) === null || _a === void 0 ? void 0 : _a.state) === 'recording';
|
|
83
|
+
return this.scriptProcessor !== null;
|
|
58
84
|
}
|
|
59
85
|
cleanup() {
|
|
60
86
|
if (this.stream) {
|
|
61
87
|
this.stream.getTracks().forEach(track => track.stop());
|
|
62
88
|
this.stream = null;
|
|
63
89
|
}
|
|
64
|
-
this.
|
|
65
|
-
this.
|
|
90
|
+
this.audioContext = null;
|
|
91
|
+
this.scriptProcessor = null;
|
|
92
|
+
this.pcmChunks = [];
|
|
66
93
|
}
|
|
67
94
|
}
|
|
68
95
|
|
|
@@ -124,15 +151,49 @@ class WhisperSpeechToTextService {
|
|
|
124
151
|
}
|
|
125
152
|
}
|
|
126
153
|
}
|
|
154
|
+
class MistralSpeechToTextService {
|
|
155
|
+
constructor(config) {
|
|
156
|
+
this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
|
|
157
|
+
this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
|
|
158
|
+
this.model = (config === null || config === void 0 ? void 0 : config.model) || 'voxtral-mini-latest';
|
|
159
|
+
this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
|
|
160
|
+
if (!this.useProxy && !this.apiKey) {
|
|
161
|
+
throw new Error('Mistral API key is required for speech-to-text service');
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
async transcribe(audioContent, lang = 'en') {
|
|
165
|
+
var _a;
|
|
166
|
+
try {
|
|
167
|
+
const formData = new FormData();
|
|
168
|
+
formData.append('file', audioContent);
|
|
169
|
+
formData.append('model', this.model);
|
|
170
|
+
formData.append('language', lang);
|
|
171
|
+
const endpoint = this.useProxy ? `${this.proxyUrl}/transcribe-mistral` : 'https://api.mistral.ai/v1/audio/transcriptions';
|
|
172
|
+
const headers = {};
|
|
173
|
+
if (!this.useProxy) {
|
|
174
|
+
headers['Authorization'] = `Bearer ${this.apiKey}`;
|
|
175
|
+
}
|
|
176
|
+
const response = await fetch(endpoint, { method: 'POST', headers, body: formData });
|
|
177
|
+
if (!response.ok) {
|
|
178
|
+
const err = await response.json().catch(() => ({ error: 'Unknown error' }));
|
|
179
|
+
throw new Error(`Transcription failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
|
|
180
|
+
}
|
|
181
|
+
const result = await response.json();
|
|
182
|
+
return result.text || '';
|
|
183
|
+
}
|
|
184
|
+
catch (error) {
|
|
185
|
+
throw new Error(`Mistral speech-to-text failed: ${error.message}`);
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}
|
|
127
189
|
class SpeechToTextServiceFactory {
|
|
128
190
|
static create(config) {
|
|
129
191
|
var _a;
|
|
130
|
-
const provider = ((_a = config.speechToText) === null || _a === void 0 ? void 0 : _a.provider) || '
|
|
192
|
+
const provider = ((_a = config.speechToText) === null || _a === void 0 ? void 0 : _a.provider) || 'openai';
|
|
131
193
|
switch (provider) {
|
|
132
|
-
case '
|
|
133
|
-
|
|
134
|
-
default:
|
|
135
|
-
throw new Error(`Unsupported speech-to-text provider: ${provider}`);
|
|
194
|
+
case 'openai': return new WhisperSpeechToTextService(config.speechToText);
|
|
195
|
+
case 'mistral': return new MistralSpeechToTextService(config.speechToText);
|
|
196
|
+
default: throw new Error(`Unsupported speech-to-text provider: ${provider}`);
|
|
136
197
|
}
|
|
137
198
|
}
|
|
138
199
|
}
|
|
@@ -324,7 +385,8 @@ class OpenAILLMService {
|
|
|
324
385
|
`${field.readonly ? ', readonly' : ''}` +
|
|
325
386
|
`${field.default !== undefined && field.default !== null && field.default !== '' ? ', default=' + field.default : ''}` +
|
|
326
387
|
`${field.min && field.min !== "" ? ', min=' + field.min : ''}` +
|
|
327
|
-
`${field.max && field.max !== "" ? ', max=' + field.max : ''}
|
|
388
|
+
`${field.max && field.max !== "" ? ', max=' + field.max : ''}` +
|
|
389
|
+
`${field.pattern && field.pattern !== "" ? ', pattern=' + field.pattern : ''}`;
|
|
328
390
|
if (field.options && field.options.length > 0) {
|
|
329
391
|
if (field.options.length < 50) {
|
|
330
392
|
description += `) - options: ${field.options.join(', ')}`;
|
|
@@ -346,7 +408,8 @@ class OpenAILLMService {
|
|
|
346
408
|
`${field.readonly ? ', readonly' : ''}` +
|
|
347
409
|
`${field.default !== undefined && field.default !== null && field.default !== '' ? ', default=' + field.default : ''}` +
|
|
348
410
|
`${field.min && field.min !== "" ? ', min=' + field.min : ''}` +
|
|
349
|
-
`${field.max && field.max !== "" ? ', max=' + field.max : ''}
|
|
411
|
+
`${field.max && field.max !== "" ? ', max=' + field.max : ''}` +
|
|
412
|
+
`${field.pattern && field.pattern !== "" ? ', pattern=' + field.pattern : ''}`;
|
|
350
413
|
if (field.options && field.options.length > 0) {
|
|
351
414
|
if (field.options.length < 50) {
|
|
352
415
|
description += `) - options: ${field.options.join(', ')}`;
|
|
@@ -490,12 +553,14 @@ class OpenAILLMService {
|
|
|
490
553
|
7. Only include fields where relevant information is found
|
|
491
554
|
8. The current GMT datetime is ${new Date().toGMTString()}
|
|
492
555
|
9. Respect the constraints written between parenthesis for readonly status (readonly fields MUST NOT be filled with values), min and max values, whatever the transcription says
|
|
556
|
+
9b. CRITICAL - DATE/DATETIME OUT OF RANGE: For date and datetime fields with min and/or max constraints, if the value from the transcription falls outside the allowed range, leave the field EMPTY. NEVER clamp, adjust, or substitute a boundary date - either the date is valid and within range, or the field is left empty
|
|
493
557
|
10. IMPORTANT: Fields marked as "readonly" are presentation elements (headers, labels) that provide context but MUST NOT receive values
|
|
494
558
|
11. CRITICAL - DUPLICATE FIELDS: When you see multiple fields with the same name but different IDs (e.g., "ID:field1 | Event date" and "ID:field2 | Event date"), these are DIFFERENT fields in DIFFERENT sections. The user may explicitly say which section they are filling (e.g., "for the first/second sub-form"). Listen VERY CAREFULLY to these contextual clues. Use the readonly headers to understand which section each field belongs to. If the user says "for the clinical sign, the event date is X", you must fill the Event date field that comes AFTER the "MC Clinical sign" header, NOT the first Event date you see
|
|
495
559
|
12. Use readonly fields as contextual hints to understand form structure and field grouping, but never fill them
|
|
496
|
-
13. CRITICAL:
|
|
560
|
+
13. CRITICAL - UNKNOWN/NO/N-A VALUES: The interpretation of words like "Unknown", "Inconnu", "No", "Non", "N/A", "Non applicable" depends ENTIRELY on whether the field has those words as explicit options. Rule: if the user says "field X is Unknown" (or any similar phrasing) AND "Unknown" (or a close variant) exists in the options list for that field, then SELECT that option - it is a valid value. If the user says such words for a field that does NOT have them as options (string, number, date, etc.), then it means the user has no value to provide - leave the field empty, do NOT fill it with the literal text
|
|
497
561
|
14. CRITICAL: Each field has a unique ID shown as "ID:xxx" at the start of its description. You MUST include this exact ID in your response for each field you fill. The ID is the ONLY way to distinguish between fields with the same name
|
|
498
562
|
15. CRITICAL - DEFAULT VALUES: Some fields have default values shown as "default=xxx". If the user does NOT mention a specific value for that field in the transcription, you MUST return the default value. Default values should be preserved unless explicitly overridden by the user
|
|
563
|
+
16. CRITICAL - PATTERN VALIDATION: Some fields have a regex pattern shown as "pattern=xxx". The value you extract MUST match this pattern exactly. If the transcription is too ambiguous to produce a value that matches the pattern, leave the field EMPTY
|
|
499
564
|
|
|
500
565
|
Respond with JSON in this exact format: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
|
|
501
566
|
let userPrompt = `
|
|
@@ -564,10 +629,12 @@ class OpenAILLMService {
|
|
|
564
629
|
8. Return the same schema structure with 'default' values filled
|
|
565
630
|
9. The current GMT datetime is ${new Date().toGMTString()}
|
|
566
631
|
10. Respect the constraints written between parenthesis for readonly status (readonly fields MUST NOT be filled with values), min and max values, whatever the transcription says
|
|
632
|
+
10b. CRITICAL - DATE/DATETIME OUT OF RANGE: For date and datetime fields with min and/or max constraints, if the value from the transcription falls outside the allowed range, leave the field EMPTY. NEVER clamp, adjust, or substitute a boundary date - either the date is valid and within range, or the field is left empty
|
|
567
633
|
11. IMPORTANT: Fields marked as "readonly" are presentation elements (headers, labels) that provide context but MUST NOT receive values
|
|
568
634
|
12. CRITICAL - DUPLICATE FIELDS: When you see multiple fields with the same name but different IDs (e.g., "ID:field1 | Event date" and "ID:field2 | Event date"), these are DIFFERENT fields in DIFFERENT sections. The user will explicitly say which section they are filling (e.g., "for the first/second sub-form", "in the anamnesis section", "for the clinical sign"). Listen VERY CAREFULLY to these contextual clues. Use the readonly headers to understand which section each field belongs to. If the user says "for the clinical sign, the event date is X", you must fill the Event date field that comes AFTER the "MC Clinical sign" header, NOT the first Event date you see
|
|
569
635
|
13. Use readonly fields as contextual hints to understand form structure and field grouping, but never fill them
|
|
570
|
-
14. CRITICAL:
|
|
636
|
+
14. CRITICAL - UNKNOWN/NO/N-A VALUES: The interpretation of words like "Unknown", "Inconnu", "No", "Non", "N/A", "Non applicable" depends ENTIRELY on whether the field has those words as explicit options. Rule: if the user says "field X is Unknown" (or any similar phrasing) AND "Unknown" (or a close variant) exists in the options list for that field, then SELECT that option - it is a valid value. If the user says such words for a field that does NOT have them as options (string, number, date, etc.), then it means the user has no value to provide - leave the field empty, do NOT fill it with the literal text
|
|
637
|
+
15. CRITICAL - PATTERN VALIDATION: Some fields have a regex pattern shown as "pattern=xxx". The value you extract MUST match this pattern exactly. If the transcription is too ambiguous to produce a value that matches the pattern, leave the field EMPTY
|
|
571
638
|
|
|
572
639
|
Respond with JSON in this exact format: {"schema": {...}}`;
|
|
573
640
|
let userPrompt = `
|
|
@@ -631,15 +698,138 @@ class OpenAILLMService {
|
|
|
631
698
|
}
|
|
632
699
|
}
|
|
633
700
|
}
|
|
701
|
+
class AnthropicLLMService {
|
|
702
|
+
constructor(config) {
|
|
703
|
+
this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
|
|
704
|
+
this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
|
|
705
|
+
this.model = (config === null || config === void 0 ? void 0 : config.model) || 'claude-sonnet-4.5';
|
|
706
|
+
this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
|
|
707
|
+
if (!this.useProxy && !this.apiKey) {
|
|
708
|
+
throw new Error('Anthropic API key is required');
|
|
709
|
+
}
|
|
710
|
+
}
|
|
711
|
+
async fillFormFromTranscription(transcription, schema) {
|
|
712
|
+
return this.fillForm(transcription, schema);
|
|
713
|
+
}
|
|
714
|
+
async fillFormFromJson(json, schema) {
|
|
715
|
+
return this.fillForm(json, schema);
|
|
716
|
+
}
|
|
717
|
+
async fillForm(data, schema) {
|
|
718
|
+
var _a;
|
|
719
|
+
const endpoint = this.useProxy ? `${this.proxyUrl}/complete-anthropic` : 'https://api.anthropic.com/v1/messages';
|
|
720
|
+
const headers = { 'Content-Type': 'application/json' };
|
|
721
|
+
if (!this.useProxy) {
|
|
722
|
+
headers['x-api-key'] = this.apiKey;
|
|
723
|
+
headers['anthropic-version'] = '2023-06-01';
|
|
724
|
+
}
|
|
725
|
+
const finalSchema = (schema === null || schema === void 0 ? void 0 : schema.fields) || (schema === null || schema === void 0 ? void 0 : schema.schema) || schema;
|
|
726
|
+
const systemPrompt = this.buildSystemPrompt();
|
|
727
|
+
const userPrompt = `Data: "${data}"
|
|
728
|
+
|
|
729
|
+
Form fields:
|
|
730
|
+
${JSON.stringify(finalSchema, null, 2)}
|
|
731
|
+
|
|
732
|
+
Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
|
|
733
|
+
const body = this.useProxy
|
|
734
|
+
? { model: this.model, messages: [{ role: 'user', content: userPrompt }], system: systemPrompt }
|
|
735
|
+
: { model: this.model, max_tokens: 4096, system: systemPrompt, messages: [{ role: 'user', content: userPrompt }] };
|
|
736
|
+
const response = await fetch(endpoint, { method: 'POST', headers, body: JSON.stringify(body) });
|
|
737
|
+
if (!response.ok) {
|
|
738
|
+
const err = await response.json().catch(() => ({ error: 'Unknown error' }));
|
|
739
|
+
throw new Error(`Anthropic API failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
|
|
740
|
+
}
|
|
741
|
+
const result = await response.json();
|
|
742
|
+
const content = this.useProxy ? result.choices[0].message.content : result.content[0].text;
|
|
743
|
+
return JSON.parse(content);
|
|
744
|
+
}
|
|
745
|
+
buildSystemPrompt() {
|
|
746
|
+
return `You are an expert form-filling assistant. Extract values from the input data and fill form fields.
|
|
747
|
+
Rules:
|
|
748
|
+
1. Only extract values that can be confidently determined
|
|
749
|
+
2. Respect field types (string, number, datetime, boolean, select)
|
|
750
|
+
3. For datetime fields, use ISO format (YYYY-MM-DDTHH:MM)
|
|
751
|
+
4. For date fields, use DD/MM/YYYY format
|
|
752
|
+
5. For select fields, use exact option values from the provided choices
|
|
753
|
+
6. Leave fields empty if no relevant information is found
|
|
754
|
+
7. Fields marked readonly MUST NOT receive values
|
|
755
|
+
8. DATE/DATETIME OUT OF RANGE: if a date falls outside min/max constraints, leave the field EMPTY
|
|
756
|
+
9. PATTERN VALIDATION: if a field has a pattern, the value MUST match it exactly, otherwise leave empty
|
|
757
|
+
10. UNKNOWN VALUES: if the user says "Unknown" and it exists as an option, select it; otherwise leave empty
|
|
758
|
+
Respond ONLY with valid JSON.`;
|
|
759
|
+
}
|
|
760
|
+
}
|
|
761
|
+
class MistralLLMService {
|
|
762
|
+
constructor(config) {
|
|
763
|
+
this.useProxy = (config === null || config === void 0 ? void 0 : config.useProxy) || false;
|
|
764
|
+
this.proxyUrl = (config === null || config === void 0 ? void 0 : config.proxyUrl) || 'http://localhost:8492';
|
|
765
|
+
this.model = (config === null || config === void 0 ? void 0 : config.model) || 'mistral-medium-latest';
|
|
766
|
+
this.apiKey = this.useProxy ? '' : ((config === null || config === void 0 ? void 0 : config.apiKey) || '');
|
|
767
|
+
if (!this.useProxy && !this.apiKey) {
|
|
768
|
+
throw new Error('Mistral API key is required');
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
async fillFormFromTranscription(transcription, schema) {
|
|
772
|
+
return this.fillForm(transcription, schema);
|
|
773
|
+
}
|
|
774
|
+
async fillFormFromJson(json, schema) {
|
|
775
|
+
return this.fillForm(json, schema);
|
|
776
|
+
}
|
|
777
|
+
async fillForm(data, schema) {
|
|
778
|
+
var _a;
|
|
779
|
+
const endpoint = this.useProxy ? `${this.proxyUrl}/complete-mistral` : 'https://api.mistral.ai/v1/chat/completions';
|
|
780
|
+
const headers = { 'Content-Type': 'application/json' };
|
|
781
|
+
if (!this.useProxy) {
|
|
782
|
+
headers['Authorization'] = `Bearer ${this.apiKey}`;
|
|
783
|
+
}
|
|
784
|
+
const finalSchema = (schema === null || schema === void 0 ? void 0 : schema.fields) || (schema === null || schema === void 0 ? void 0 : schema.schema) || schema;
|
|
785
|
+
const systemPrompt = this.buildSystemPrompt();
|
|
786
|
+
const userPrompt = `Data: "${data}"
|
|
787
|
+
|
|
788
|
+
Form fields:
|
|
789
|
+
${JSON.stringify(finalSchema, null, 2)}
|
|
790
|
+
|
|
791
|
+
Respond with JSON: {"fields": [{"id": "field_id", "name": "field_name", "value": "extracted_value"}]}`;
|
|
792
|
+
const response = await fetch(endpoint, {
|
|
793
|
+
method: 'POST',
|
|
794
|
+
headers,
|
|
795
|
+
body: JSON.stringify({
|
|
796
|
+
model: this.model,
|
|
797
|
+
messages: [{ role: 'system', content: systemPrompt }, { role: 'user', content: userPrompt }],
|
|
798
|
+
response_format: { type: 'json_object' },
|
|
799
|
+
}),
|
|
800
|
+
});
|
|
801
|
+
if (!response.ok) {
|
|
802
|
+
const err = await response.json().catch(() => ({ error: 'Unknown error' }));
|
|
803
|
+
throw new Error(`Mistral API failed: ${((_a = err.error) === null || _a === void 0 ? void 0 : _a.message) || response.statusText}`);
|
|
804
|
+
}
|
|
805
|
+
const result = await response.json();
|
|
806
|
+
return JSON.parse(result.choices[0].message.content);
|
|
807
|
+
}
|
|
808
|
+
buildSystemPrompt() {
|
|
809
|
+
return `You are an expert form-filling assistant. Extract values from the input data and fill form fields.
|
|
810
|
+
Rules:
|
|
811
|
+
1. Only extract values that can be confidently determined
|
|
812
|
+
2. Respect field types (string, number, datetime, boolean, select)
|
|
813
|
+
3. For datetime fields, use ISO format (YYYY-MM-DDTHH:MM)
|
|
814
|
+
4. For date fields, use DD/MM/YYYY format
|
|
815
|
+
5. For select fields, use exact option values from the provided choices
|
|
816
|
+
6. Leave fields empty if no relevant information is found
|
|
817
|
+
7. Fields marked readonly MUST NOT receive values
|
|
818
|
+
8. DATE/DATETIME OUT OF RANGE: if a date falls outside min/max constraints, leave the field EMPTY
|
|
819
|
+
9. PATTERN VALIDATION: if a field has a pattern, the value MUST match it exactly, otherwise leave empty
|
|
820
|
+
10. UNKNOWN VALUES: if the user says "Unknown" and it exists as an option, select it; otherwise leave empty
|
|
821
|
+
Respond ONLY with valid JSON.`;
|
|
822
|
+
}
|
|
823
|
+
}
|
|
634
824
|
class LLMServiceFactory {
|
|
635
825
|
static create(config) {
|
|
636
826
|
var _a;
|
|
637
827
|
const provider = ((_a = config.llm) === null || _a === void 0 ? void 0 : _a.provider) || 'openai';
|
|
638
828
|
switch (provider) {
|
|
639
|
-
case 'openai':
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
829
|
+
case 'openai': return new OpenAILLMService(config.llm);
|
|
830
|
+
case 'anthropic': return new AnthropicLLMService(config.llm);
|
|
831
|
+
case 'mistral': return new MistralLLMService(config.llm);
|
|
832
|
+
default: throw new Error(`Unsupported LLM provider: ${provider}`);
|
|
643
833
|
}
|
|
644
834
|
}
|
|
645
835
|
}
|
|
@@ -4159,6 +4349,8 @@ const VoiceFormRecorder = class {
|
|
|
4159
4349
|
this.apiProxyUrl = 'http://localhost:8492';
|
|
4160
4350
|
this.transcriptionModel = 'gpt-4o-transcribe';
|
|
4161
4351
|
this.completionModel = 'gpt-5-mini';
|
|
4352
|
+
this.transcriptionProvider = 'openai';
|
|
4353
|
+
this.completionProvider = 'openai';
|
|
4162
4354
|
this.context = undefined;
|
|
4163
4355
|
this.classificationRootUrl = 'http://localhost';
|
|
4164
4356
|
this.language = 'en';
|
|
@@ -4206,17 +4398,33 @@ const VoiceFormRecorder = class {
|
|
|
4206
4398
|
this.updateDebugInfo(errorMessage, { error: errorMessage });
|
|
4207
4399
|
}
|
|
4208
4400
|
else {
|
|
4401
|
+
// Validate transcription provider/model
|
|
4402
|
+
const allowedTranscriptionModels = TRANSCRIPTION_MODELS[this.transcriptionProvider];
|
|
4403
|
+
if (!allowedTranscriptionModels) {
|
|
4404
|
+
throw new Error(`Unsupported transcription provider: '${this.transcriptionProvider}'. Allowed: openai, mistral`);
|
|
4405
|
+
}
|
|
4406
|
+
if (!allowedTranscriptionModels.includes(this.transcriptionModel)) {
|
|
4407
|
+
throw new Error(`Model '${this.transcriptionModel}' is not allowed for transcription provider '${this.transcriptionProvider}'. Allowed: ${allowedTranscriptionModels.join(', ')}`);
|
|
4408
|
+
}
|
|
4409
|
+
// Validate completion provider/model
|
|
4410
|
+
const allowedCompletionModels = COMPLETION_MODELS[this.completionProvider];
|
|
4411
|
+
if (!allowedCompletionModels) {
|
|
4412
|
+
throw new Error(`Unsupported completion provider: '${this.completionProvider}'. Allowed: openai, anthropic, mistral`);
|
|
4413
|
+
}
|
|
4414
|
+
if (!allowedCompletionModels.includes(this.completionModel)) {
|
|
4415
|
+
throw new Error(`Model '${this.completionModel}' is not allowed for completion provider '${this.completionProvider}'. Allowed: ${allowedCompletionModels.join(', ')}`);
|
|
4416
|
+
}
|
|
4209
4417
|
// Parse form schema
|
|
4210
4418
|
this.parsedSchema = JSON.parse(this.formJson || '{}');
|
|
4211
4419
|
// Parse service configuration
|
|
4212
4420
|
this.parsedConfig = JSON.parse(this.serviceConfig || '{}');
|
|
4213
4421
|
// Add API key to config if provided via prop
|
|
4214
4422
|
if (this.apiKey) {
|
|
4215
|
-
this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { apiKey: this.apiKey, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { apiKey: this.apiKey, model: this.completionModel }) });
|
|
4423
|
+
this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { provider: this.transcriptionProvider, apiKey: this.apiKey, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { provider: this.completionProvider, apiKey: this.apiKey, model: this.completionModel }) });
|
|
4216
4424
|
}
|
|
4217
4425
|
else {
|
|
4218
4426
|
// Use proxy API if no API key provided
|
|
4219
|
-
this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { useProxy: true, proxyUrl: this.apiProxyUrl, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { useProxy: true, proxyUrl: this.apiProxyUrl, model: this.completionModel }) });
|
|
4427
|
+
this.parsedConfig = Object.assign(Object.assign({}, this.parsedConfig), { speechToText: Object.assign(Object.assign({}, this.parsedConfig.speechToText), { provider: this.transcriptionProvider, useProxy: true, proxyUrl: this.apiProxyUrl, model: this.transcriptionModel }), llm: Object.assign(Object.assign({}, this.parsedConfig.llm), { provider: this.completionProvider, useProxy: true, proxyUrl: this.apiProxyUrl, model: this.completionModel }) });
|
|
4220
4428
|
}
|
|
4221
4429
|
// Initialize services
|
|
4222
4430
|
this.speechToTextService = SpeechToTextServiceFactory.create(this.parsedConfig);
|
|
@@ -4382,7 +4590,7 @@ const VoiceFormRecorder = class {
|
|
|
4382
4590
|
});
|
|
4383
4591
|
// Stop recording and get audio blob
|
|
4384
4592
|
const audioBlob = await this.audioRecorder.stopRecording();
|
|
4385
|
-
const audioContent = new File([audioBlob], 'audio.
|
|
4593
|
+
const audioContent = new File([audioBlob], 'audio.wav', { type: 'audio/wav' });
|
|
4386
4594
|
this.processAudioContent(audioContent);
|
|
4387
4595
|
}
|
|
4388
4596
|
catch (error) {
|
|
@@ -4887,12 +5095,16 @@ const VoiceFormRecorder = class {
|
|
|
4887
5095
|
render() {
|
|
4888
5096
|
const containerStyle = this.getContainerStyle();
|
|
4889
5097
|
const statusStyle = this.getStatusStyle();
|
|
4890
|
-
return (h$1("div", { key: '
|
|
5098
|
+
return (h$1("div", { key: '8378e98f02e5b7482929d255c5ec12ff8c2731e4' }, h$1("div", { key: 'b8a0d873bd4e1b4c8936747c0919ac8c4c15301b', class: "voice-recorder-container" + (this.debug || this.renderForm ? "-debug" : ""), style: containerStyle }, h$1("div", { key: '86e7783e3686db378ee16aa91a640f33c3255923', class: "row-audio-area" }, this.renderRecordButton(), this.renderUploadRecordButton(), this.renderUploadButton()), this.displayStatus ? h$1("div", { class: "status-text", style: statusStyle }, this.statusMessage) : "", this.renderForm ? this.renderFormPreview() : "", this.debug ? this.renderDebugPanel() : "")));
|
|
4891
5099
|
}
|
|
4892
5100
|
static get watchers() { return {
|
|
4893
5101
|
"formJson": ["initializeServices"],
|
|
4894
5102
|
"serviceConfig": ["initializeServices"],
|
|
4895
|
-
"theme": ["initializeServices"]
|
|
5103
|
+
"theme": ["initializeServices"],
|
|
5104
|
+
"transcriptionProvider": ["initializeServices"],
|
|
5105
|
+
"completionProvider": ["initializeServices"],
|
|
5106
|
+
"transcriptionModel": ["initializeServices"],
|
|
5107
|
+
"completionModel": ["initializeServices"]
|
|
4896
5108
|
}; }
|
|
4897
5109
|
};
|
|
4898
5110
|
VoiceFormRecorder.style = voiceInputModuleCss;
|