@longline/aqua-ui 1.0.330 → 1.0.334

package/modules/MainMenu/MainMenu.js

@@ -48,7 +48,7 @@ var MainMenuBase = function (props) {
             primaryItems.push(child);
         }
     });
-    return (React.createElement("div", { "data-testid": "MainMenu", className: props.className },
+    return (React.createElement("div", { "data-testid": props['data-testid'] || "MainMenu", className: props.className },
         React.createElement(Top, { "data-testid": "MainMenu.Top" }, primaryItems),
         React.createElement(Bottom, { "data-testid": "MainMenu.Bottom" }, secondaryItems)));
 };

package/modules/Root/Sidebar.js

@@ -16,7 +16,7 @@ var __assign = (this && this.__assign) || function () {
 import * as React from 'react';
 import styled from 'styled-components';
 var SidebarBase = function (props) {
-    return (React.createElement("div", { "data-testid": "Root.Sidebar", className: props.className }, props.children));
+    return React.createElement("div", { "data-testid": "Root.Sidebar", className: props.className }, props.children);
 };
 var SidebarStyled = styled(SidebarBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // Position and size:\n  position: absolute;\n  z-index: 2;\n  left: ", ";\n  top: 0;\n  width: 250px;\n  bottom: 0;\n  transition: left ", "ms ease-in-out;\n  pointer-events: all;\n\n  // Appearance:\n  background: ", ";\n"], ["\n  // Position and size:\n  position: absolute;\n  z-index: 2;\n  left: ", ";\n  top: 0;\n  width: 250px;\n  bottom: 0;\n  transition: left ", "ms ease-in-out;\n  pointer-events: all;\n\n  // Appearance:\n  background: ", ";\n"])), function (p) { return p.open ? 0 : '-350px'; }, function (p) { return p.theme.animation.duration * 2; }, function (p) { return p.theme.colors.primary[3]; });
 var Sidebar = function (props) { return React.createElement(SidebarStyled, __assign({}, props)); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.330",
+  "version": "1.0.334",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",
@@ -17,9 +17,9 @@
   },
   "scripts": {
     "build": "webpack --config webpack.config.js && tsc --version && tsc",
-    "storybook": "cross-env OPENAI_RESPONSE_URL=http://api.flow/api/ai/openai/response-stream OPENAI_AUDIO_URL=http://api.flow/api/ai/openai/audio OPENAI_TRANSCRIBE_URL=http://api.flow/api/ai/openai/transcribe ASSEMBLYAI_TOKEN_URL=http://api.flow/api/ai/assemblyai/get-token storybook dev -p 6006",
-    "build-storybook": "cross-env OPENAI_RESPONSE_URL=http://api.flow/api/ai/openai/response-stream OPENAI_AUDIO_URL=http://api.flow/api/ai/openai/audio OPENAI_TRANSCRIBE_URL=http://api.flow/api/ai/openai/transcribe ASSEMBLYAI_TOKEN_URL=http://api.flow/api/ai/assemblyai/get-token storybook build",
-    "build-storybook-gitlab": "cross-env OPENAI_RESPONSE_URL=https://aquarisk.dev.longline.uk/api/ai/openai/response-stream OPENAI_AUDIO_URL=https://aquarisk.dev.longline.uk/api/ai/openai/audio OPENAI_TRANSCRIBE_URL=https://aquarisk.dev.longline.uk/api/ai/openai/transcribe ASSEMBLYAI_TOKEN_URL=https://aquarisk.dev.longline.uk/api/ai/assemblyai/get-token storybook build",
+    "storybook": "cross-env TEXTAI_RESPONSE_URL=http://api.flow/api/ai/anthropic/stream SPEECHAI_TOKEN_URL=http://api.flow/api/ai/assemblyai/get-token storybook dev -p 6006",
+    "build-storybook": "cross-env TEXTAI_RESPONSE_URL=http://api.flow/api/ai/anthropic/stream SPEECHAI_TOKEN_URL=http://api.flow/api/ai/assemblyai/get-token storybook build",
+    "build-storybook-gitlab": "cross-env TEXTAI_RESPONSE_URL=https://aquarisk.dev.longline.uk/api/ai/anthropic/stream SPEECHAI_TOKEN_URL=https://aquarisk.dev.longline.uk/api/ai/assemblyai/get-token storybook build",
     "tsc": "tsc",
     "pub": "npm version patch && webpack --config webpack.config.js && tsc && cd dist && npm publish"
   },
@@ -58,7 +58,6 @@
     "gl-matrix": "^3.4.3",
     "mapbox-gl": "^3.9.4",
     "marked": "^15.0.12",
-    "openai": "^5.0.1",
     "overlayscrollbars-react": "^0.5.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/services/Dialog/Dialog.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-interface IDialogProps {
+import { ITestable } from '../../Types';
+interface IDialogProps extends ITestable {
     /**
      * Dialog content, consisting of `Dialog.Header`, `Dialog.Content` and
      * `Dialog.Footer` components.

package/services/Dialog/Dialog.js

@@ -117,8 +117,8 @@ var DialogBase = function (props) {
         toggle(props.open);
     }, [props.open]);
     return (React.createElement(React.Fragment, null, isMounted && React.createElement(React.Fragment, null,
-        createPortal(React.createElement(DialogBackground, { status: status }), document.body),
-        createPortal(React.createElement(DialogWindow, { inverted: props.inverted, width: props.width, ref: windowRef, status: status }, props.children), document.body))));
+        createPortal(React.createElement(DialogBackground, { "data-testid": "Dialog.Background", status: status }), document.body),
+        createPortal(React.createElement(DialogWindow, { "data-testid": props['data-testid'] || "Dialog.Window", inverted: props.inverted, width: props.width, ref: windowRef, status: status }, props.children), document.body))));
 };
 var Dialog = function (_a) {
     var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.canClose, canClose = _c === void 0 ? true : _c, _d = _a.width, width = _d === void 0 ? 600 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, props = __rest(_a, ["open", "canClose", "width", "inverted"]);

package/services/Dialog/DialogWindow.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-interface IDialogWindowProps {
+import { ITestable } from '../../Types';
+interface IDialogWindowProps extends ITestable {
     /** @ignore */
     className?: string;
     /** @ignore */

package/services/Dialog/DialogWindow.js

@@ -9,7 +9,7 @@ var DialogWindowBase = React.forwardRef(function (props, ref) {
         // Stop any keyboard interaction propagating to parent components.
         ev.stopPropagation();
     };
-    return (React.createElement("div", { "data-testid": "DialogWindow", className: "".concat(props.className, " ").concat(props.status), ref: ref, onKeyDown: handleKeyDown }, props.children));
+    return (React.createElement("div", { "data-testid": props['data-testid'] || "DialogWindow", className: "".concat(props.className, " ").concat(props.status), ref: ref, onKeyDown: handleKeyDown }, props.children));
 });
 var DialogWindow = styled(DialogWindowBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  ", "\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", ";\n  @media (max-width: ", "px) {\n    width: ", ";\n  }\n\n  /* useTransitionState classes */\n  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.17,.89,.35,1.67);\n  opacity: 0;\n  &.preEnter, &.exiting {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.entering {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n  }\n  &.entered {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n  }\n\n"], ["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  ", "\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", ";\n  @media (max-width: ", "px) {\n    width: ", ";\n  }\n\n  /* useTransitionState classes */\n  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.17,.89,.35,1.67);\n  opacity: 0;\n  &.preEnter, &.exiting {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.entering {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n  }\n  &.entered {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n  }\n\n"])), function (p) { return p.theme.radius.normal; }, function (p) { return p.inverted ? p.theme.colors.primary[3] : p.theme.colors.neutral[100]; }, function (p) { return p.inverted && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .footer {\n      background: ", ";\n    }  \n  "], ["\n    .footer {\n      background: ", ";\n    }  \n  "])), function (p) { return p.theme.colors.primary[5]; }); }, function (p) { return p.theme.font.bodyMedium; }, function (p) { return p.inverted ? p.theme.colors.neutral[100] : p.theme.colors.neutral[10]; }, function (p) {
     if (!p.width)

package/hooks/useAssemblyAIRecorder/index.d.ts

@@ -1 +0,0 @@
-export { useAssemblyAIRecorder } from './useAssemblyAIRecorder';

package/hooks/useAssemblyAIRecorder/index.js

@@ -1 +0,0 @@
-export { useAssemblyAIRecorder } from './useAssemblyAIRecorder';

package/hooks/useAssemblyAIRecorder/stories/AssemblyAudioInput.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    url: string;
-}
-declare const AssemblyAudioInput: (props: IProps) => React.JSX.Element;
-export { AssemblyAudioInput };

package/hooks/useAssemblyAIRecorder/useAssemblyAIRecorder.d.ts

@@ -1,27 +0,0 @@
-type TranscriptCallback = (text: string) => void;
-type TRecordingStatus = 'idle' | 'connecting' | 'recording';
-/**
- * useAssemblyAIRecorder
- *
- * A custom React hook for real-time audio transcription using AssemblyAI's
- * streaming API.
- *
- * When recording is toggled on, it takes a few moments to establish a web
- * socket connection. During this time, the recording status will be
- * `'connecting'`.
- *
- * @param url - Back-end URL for obtaining temporary token
- * @param onTranscript - Callback that receives updated transcript text.
- * @returns An object containing:
- *   - recordingStatus: 'idle' | 'connecting' | 'recording'
- *   - toggleRecording: function to start or stop recording
- *
- * The `SpeechManager` singleton is use to keep track of which
- * AssemblyAIRecorder is currently recording; when a new recording is started,
- * the current one is stopped.
- */
-declare const useAssemblyAIRecorder: (url: string, onTranscript: TranscriptCallback, authToken?: string) => {
-    recordingStatus: TRecordingStatus;
-    toggleRecording: () => Promise<void>;
-};
-export { useAssemblyAIRecorder, TRecordingStatus };

package/hooks/useOpenAIRecorder/index.d.ts

@@ -1 +0,0 @@
-export { useOpenAIRecorder } from './useOpenAIRecorder';

package/hooks/useOpenAIRecorder/index.js

@@ -1 +0,0 @@
-export { useOpenAIRecorder } from './useOpenAIRecorder';

package/hooks/useOpenAIRecorder/old/AudioInputNoHook.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface IProps {
-}
-/**
- * The extended media recorder allows converting to .wav format.
- */
-declare const AudioInput: (props: IProps) => React.JSX.Element;
-export { AudioInput };

package/hooks/useOpenAIRecorder/old/AudioInputNoHook.js

@@ -1,192 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import * as React from 'react';
-import { MediaRecorder, register } from 'extendable-media-recorder';
-import { connect } from 'extendable-media-recorder-wav-encoder';
-import { Fab } from '../../../controls/Fab';
-import { SVG } from '../../../svg';
-/**
- * The extended media recorder allows converting to .wav format.
- */
-var AudioInput = function (props) {
-    var _a = React.useState(false), isRecording = _a[0], setIsRecording = _a[1];
-    var _b = React.useState(''), transcript = _b[0], setTranscript = _b[1];
-    var mediaRecorderRef = React.useRef(null);
-    var streamRef = React.useRef(null);
-    var streamIdRef = React.useRef(Date.now().toString()); // Unique per session
-    var sourceRef = React.useRef(null);
-    var header;
-    var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, _b, mediaRecorder, err_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, 4, , 5]);
-                    _a = register;
-                    return [4 /*yield*/, connect()];
-                case 1: return [4 /*yield*/, _a.apply(void 0, [_c.sent()])];
-                case 2:
-                    _c.sent();
-                    _b = streamRef;
-                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
-                case 3:
-                    _b.current = _c.sent();
-                    mediaRecorder = new MediaRecorder(streamRef.current, { mimeType: 'audio/wav' });
-                    mediaRecorder.ondataavailable = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                        var blob, formData, content, error_1;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0:
-                                    if (!(event.data.size > 0)) return [3 /*break*/, 8];
-                                    blob = event.data;
-                                    formData = new FormData();
-                                    if (!(header === undefined)) return [3 /*break*/, 2];
-                                    return [4 /*yield*/, blob.arrayBuffer()];
-                                case 1:
-                                    header = (_a.sent()).slice(0, 44);
-                                    return [3 /*break*/, 4];
-                                case 2: return [4 /*yield*/, blob.arrayBuffer()];
-                                case 3:
-                                    content = _a.sent();
-                                    blob = new Blob([header, content], { type: blob.type });
-                                    _a.label = 4;
-                                case 4:
-                                    formData.append('audio', blob);
-                                    formData.append('stream_id', streamIdRef.current);
-                                    _a.label = 5;
-                                case 5:
-                                    _a.trys.push([5, 7, , 8]);
-                                    return [4 /*yield*/, fetch('http://api.flow/api/ai/upload-audio-chunk', {
-                                            method: 'POST',
-                                            body: formData,
-                                        })];
-                                case 6:
-                                    _a.sent();
-                                    return [3 /*break*/, 8];
-                                case 7:
-                                    error_1 = _a.sent();
-                                    console.error('Upload failed:', error_1);
-                                    return [3 /*break*/, 8];
-                                case 8: return [2 /*return*/];
-                            }
-                        });
-                    }); };
-                    mediaRecorderRef.current = mediaRecorder;
-                    mediaRecorder.start(20000); // 4-second chunks
-                    return [3 /*break*/, 5];
-                case 4:
-                    err_1 = _c.sent();
-                    console.error('Microphone access error:', err_1);
-                    setIsRecording(false);
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    React.useEffect(function () {
-        var _a, _b, _c;
-        if (isRecording) {
-            startRecording();
-        }
-        else {
-            if (((_a = mediaRecorderRef.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-                (_b = mediaRecorderRef.current) === null || _b === void 0 ? void 0 : _b.stop();
-            }
-            (_c = streamRef.current) === null || _c === void 0 ? void 0 : _c.getTracks().forEach(function (track) { return track.stop(); });
-        }
-        ;
-    }, [isRecording]);
-    var readyStateToString = function (state) {
-        switch (state) {
-            case EventSource.CLOSED: return "CLOSED";
-            case EventSource.OPEN: return "OPEN";
-            case EventSource.CONNECTING: return "CONNECTING";
-            default:
-                return "UNKNOWN";
-        }
-    };
-    var eventPhaseToString = function (phase) {
-        switch (phase) {
-            case Event.NONE: return "NONE";
-            case Event.CAPTURING_PHASE: return "CAPTURING_PHASE";
-            case Event.AT_TARGET: return "AT_TARGET";
-            case Event.BUBBLING_PHASE: return "BUBBLING_PHASE";
-            default:
-                return "UNKNOWN";
-        }
-    };
-    React.useEffect(function () {
-        if (isRecording) {
-            sourceRef.current = new EventSource("http://api.flow/api/ai/transcribe-stream/".concat(streamIdRef.current));
-            sourceRef.current.onmessage = function (event) {
-                console.log("Message:", event.data);
-                console.log("ReadyState:", readyStateToString(sourceRef.current.readyState));
-                setTranscript(function (prev) { return prev + event.data + '\n'; });
-            };
-            sourceRef.current.onerror = function (err) {
-                console.error('SSE error:', err);
-                console.log('EventPhase:', eventPhaseToString(err.eventPhase));
-                console.log('ReadyState:', readyStateToString(sourceRef.current.readyState));
-                sourceRef.current.close();
-            };
-        }
-        return function () { var _a; return (_a = sourceRef.current) === null || _a === void 0 ? void 0 : _a.close(); };
-    }, [isRecording]);
-    var start = function () {
-        setTranscript('');
-        streamIdRef.current = Date.now().toString(); // Reset for new session
-        setIsRecording(true);
-    };
-    var stop = function () {
-        var _a;
-        setIsRecording(false);
-        if (((_a = mediaRecorderRef.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-            mediaRecorderRef.current.stop();
-        }
-    };
-    var handleToggle = function () {
-        if (isRecording) {
-            stop();
-        }
-        else {
-            start();
-        }
-    };
-    return (React.createElement("div", null,
-        React.createElement(Fab, { title: "Record", active: isRecording, icon: SVG.Icons.Microphone, onClick: handleToggle })));
-};
-export { AudioInput };

package/hooks/useOpenAIRecorder/old/AudioInputStandardMedia.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-interface IProps {
-}
-declare const AudioInput: (props: IProps) => React.JSX.Element;
-export { AudioInput };

package/hooks/useOpenAIRecorder/old/AudioInputStandardMedia.js

@@ -1,170 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import * as React from 'react';
-import { Fab } from '../../../controls/Fab';
-import { SVG } from '../../../svg';
-var AudioInput = function (props) {
-    var _a = React.useState(false), isRecording = _a[0], setIsRecording = _a[1];
-    var _b = React.useState(''), transcript = _b[0], setTranscript = _b[1];
-    var mediaRecorderRef = React.useRef(null);
-    var streamRef = React.useRef(null);
-    var streamIdRef = React.useRef(Date.now().toString()); // Unique per session
-    var sourceRef = React.useRef(null);
-    var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, mediaRecorder, err_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    _a = streamRef;
-                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
-                case 1:
-                    _a.current = _b.sent();
-                    mediaRecorder = new MediaRecorder(streamRef.current, { mimeType: 'audio/webm' });
-                    mediaRecorder.ondataavailable = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                        var blob, formData, error_1;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0:
-                                    if (!(event.data.size > 0)) return [3 /*break*/, 4];
-                                    blob = event.data;
-                                    formData = new FormData();
-                                    formData.append('audio', blob);
-                                    formData.append('stream_id', streamIdRef.current);
-                                    _a.label = 1;
-                                case 1:
-                                    _a.trys.push([1, 3, , 4]);
-                                    return [4 /*yield*/, fetch('http://api.flow/api/ai/upload-audio-chunk', {
-                                            method: 'POST',
-                                            body: formData,
-                                        })];
-                                case 2:
-                                    _a.sent();
-                                    return [3 /*break*/, 4];
-                                case 3:
-                                    error_1 = _a.sent();
-                                    console.error('Upload failed:', error_1);
-                                    return [3 /*break*/, 4];
-                                case 4: return [2 /*return*/];
-                            }
-                        });
-                    }); };
-                    mediaRecorderRef.current = mediaRecorder;
-                    mediaRecorder.start(1000); // 1-second chunks
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _b.sent();
-                    console.error('Microphone access error:', err_1);
-                    setIsRecording(false);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    React.useEffect(function () {
-        var _a, _b, _c;
-        if (isRecording) {
-            startRecording();
-        }
-        else {
-            if (((_a = mediaRecorderRef.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-                (_b = mediaRecorderRef.current) === null || _b === void 0 ? void 0 : _b.stop();
-            }
-            (_c = streamRef.current) === null || _c === void 0 ? void 0 : _c.getTracks().forEach(function (track) { return track.stop(); });
-        }
-        ;
-    }, [isRecording]);
-    var readyStateToString = function (state) {
-        switch (state) {
-            case EventSource.CLOSED: return "CLOSED";
-            case EventSource.OPEN: return "OPEN";
-            case EventSource.CONNECTING: return "CONNECTING";
-            default:
-                return "UNKNOWN";
-        }
-    };
-    var eventPhaseToString = function (phase) {
-        switch (phase) {
-            case Event.NONE: return "NONE";
-            case Event.CAPTURING_PHASE: return "CAPTURING_PHASE";
-            case Event.AT_TARGET: return "AT_TARGET";
-            case Event.BUBBLING_PHASE: return "BUBBLING_PHASE";
-            default:
-                return "UNKNOWN";
-        }
-    };
-    React.useEffect(function () {
-        if (isRecording) {
-            sourceRef.current = new EventSource("http://api.flow/api/ai/transcribe-stream/".concat(streamIdRef.current));
-            sourceRef.current.onmessage = function (event) {
-                console.log("Message:", event.data);
-                console.log("ReadyState:", readyStateToString(sourceRef.current.readyState));
-                setTranscript(function (prev) { return prev + event.data + '\n'; });
-            };
-            sourceRef.current.onerror = function (err) {
-                console.error('SSE error:', err);
-                console.log('EventPhase:', eventPhaseToString(err.eventPhase));
-                console.log('ReadyState:', readyStateToString(sourceRef.current.readyState));
-                sourceRef.current.close();
-            };
-        }
-        return function () { var _a; return (_a = sourceRef.current) === null || _a === void 0 ? void 0 : _a.close(); };
-    }, [isRecording]);
-    var start = function () {
-        setTranscript('');
-        streamIdRef.current = Date.now().toString(); // Reset for new session
-        setIsRecording(true);
-    };
-    var stop = function () {
-        var _a;
-        setIsRecording(false);
-        if (((_a = mediaRecorderRef.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-            mediaRecorderRef.current.stop();
-        }
-    };
-    var handleToggle = function () {
-        if (isRecording) {
-            stop();
-        }
-        else {
-            start();
-        }
-    };
-    return (React.createElement("div", null,
-        React.createElement(Fab, { title: "Record", active: isRecording, icon: SVG.Icons.Microphone, onClick: handleToggle })));
-};
-export { AudioInput };

package/hooks/useOpenAIRecorder/stories/OpenAIAudioInput.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface IProps {
-    audio_url: string;
-    transcribe_url: string;
-    interval: number;
-}
-declare const OpenAIAudioInput: (props: IProps) => React.JSX.Element;
-export { OpenAIAudioInput };

package/hooks/useOpenAIRecorder/stories/OpenAIAudioInput.js

@@ -1,17 +0,0 @@
-import React, { useState } from 'react';
-import { useOpenAIRecorder } from '../useOpenAIRecorder';
-var OpenAIAudioInput = function (props) {
-    var _a = useState('initial'), transcript = _a[0], setTranscript = _a[1];
-    var _b = useOpenAIRecorder(props.audio_url, props.transcribe_url, props.interval, setTranscript), recordingStatus = _b.recordingStatus, toggleRecording = _b.toggleRecording;
-    var getLabel = function (recordingStatus) {
-        switch (recordingStatus) {
-            case 'connecting': return "Connecting";
-            case 'recording': return "Recording";
-            default: return "Idle";
-        }
-    };
-    return (React.createElement("div", null,
-        React.createElement("button", { onClick: toggleRecording }, getLabel(recordingStatus)),
-        React.createElement("p", { style: { border: 'solid 1px blue', minHeight: '200px', color: 'white' } }, transcript)));
-};
-export { OpenAIAudioInput };

package/hooks/useOpenAIRecorder/useOpenAIRecorder.d.ts

@@ -1,22 +0,0 @@
-type TranscriptCallback = (text: string) => void;
-type TRecordingStatus = 'idle' | 'connecting' | 'recording';
-/**
- * useOpenAIRecorder
- *
- * Custom React hook for audio recording and transcription using:
- * - extendable-media-recorder with WAV encoder
- * - Server-Sent Events (SSE) for real-time transcript updates
- *
- * @param `audio_url` - Backend URL for audio chunks
- * @param `transcribe_url` - Backend URL for stream transcription
- * @param interval - Chunk length (in milliseconds)
- * @param onTranscript - Callback function called with the full running transcript
- * @returns An object containing:
- *   - recordingStatus: current status of the recording lifecycle
- *   - toggleRecording: function to start or stop recording
- */
-declare const useOpenAIRecorder: (audio_url: string, transcribe_url: string, interval: number, onTranscript: TranscriptCallback) => {
-    recordingStatus: TRecordingStatus;
-    toggleRecording: () => void;
-};
-export { useOpenAIRecorder, TRecordingStatus };