🎯 Major improvements to MissionControl component: - Always keep input field visible and functional after AI responses - Auto-clear input after submitting questions for better UX - Add dynamic visual indicators (first question vs follow-up) - Improve response layout with clear separation and hints - Enable proper chat-like experience for continuous learning 🌟 Additional enhancements: - Better language-specific messaging throughout interface - Clearer visual hierarchy between input and response areas - Intuitive flow that guides users to ask follow-up questions - Maintains responsive design and accessibility 🔧 Technical changes: - Enhanced MissionControl state management - Improved component layout and styling - Better TypeScript integration across components - Updated tsconfig for stricter type checking
107 lines
3.9 KiB
JavaScript
107 lines
3.9 KiB
JavaScript
"use strict";
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
o[k2] = m[k];
|
|
}));
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
}) : function(o, v) {
|
|
o["default"] = v;
|
|
});
|
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.OpenAIRealtimeWS = void 0;
|
|
const WS = __importStar(require("ws"));
|
|
const index_1 = require("../../index.js");
|
|
const internal_base_1 = require("./internal-base.js");
|
|
class OpenAIRealtimeWS extends internal_base_1.OpenAIRealtimeEmitter {
|
|
constructor(props, client) {
|
|
super();
|
|
client ?? (client = new index_1.OpenAI());
|
|
this.url = (0, internal_base_1.buildRealtimeURL)(client, props.model);
|
|
this.socket = new WS.WebSocket(this.url, {
|
|
...props.options,
|
|
headers: {
|
|
...props.options?.headers,
|
|
...((0, internal_base_1.isAzure)(client) ? {} : { Authorization: `Bearer ${client.apiKey}` }),
|
|
'OpenAI-Beta': 'realtime=v1',
|
|
},
|
|
});
|
|
this.socket.on('message', (wsEvent) => {
|
|
const event = (() => {
|
|
try {
|
|
return JSON.parse(wsEvent.toString());
|
|
}
|
|
catch (err) {
|
|
this._onError(null, 'could not parse websocket event', err);
|
|
return null;
|
|
}
|
|
})();
|
|
if (event) {
|
|
this._emit('event', event);
|
|
if (event.type === 'error') {
|
|
this._onError(event);
|
|
}
|
|
else {
|
|
// @ts-expect-error TS isn't smart enough to get the relationship right here
|
|
this._emit(event.type, event);
|
|
}
|
|
}
|
|
});
|
|
this.socket.on('error', (err) => {
|
|
this._onError(null, err.message, err);
|
|
});
|
|
}
|
|
static async azure(client, options = {}) {
|
|
const deploymentName = options.deploymentName ?? client.deploymentName;
|
|
if (!deploymentName) {
|
|
throw new Error('No deployment name provided');
|
|
}
|
|
return new OpenAIRealtimeWS({ model: deploymentName, options: { headers: await getAzureHeaders(client) } }, client);
|
|
}
|
|
send(event) {
|
|
try {
|
|
this.socket.send(JSON.stringify(event));
|
|
}
|
|
catch (err) {
|
|
this._onError(null, 'could not send data', err);
|
|
}
|
|
}
|
|
close(props) {
|
|
try {
|
|
this.socket.close(props?.code ?? 1000, props?.reason ?? 'OK');
|
|
}
|
|
catch (err) {
|
|
this._onError(null, 'could not close the connection', err);
|
|
}
|
|
}
|
|
}
|
|
exports.OpenAIRealtimeWS = OpenAIRealtimeWS;
|
|
async function getAzureHeaders(client) {
|
|
if (client.apiKey !== '<Missing Key>') {
|
|
return { 'api-key': client.apiKey };
|
|
}
|
|
else {
|
|
const token = await client._getAzureADToken();
|
|
if (token) {
|
|
return { Authorization: `Bearer ${token}` };
|
|
}
|
|
else {
|
|
throw new Error('AzureOpenAI is not instantiated correctly. No API key or token provided.');
|
|
}
|
|
}
|
|
}
|
|
//# sourceMappingURL=ws.js.map
|