@longline/aqua-ui 1.0.331 → 1.0.335

package/hooks/useSpeechAIRecorder/index.d.ts

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

package/hooks/useSpeechAIRecorder/index.js

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

package/hooks/useSpeechAIRecorder/stories/SpeechAIAudioInput.d.ts

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

package/hooks/{useAssemblyAIRecorder/stories/AssemblyAudioInput.js → useSpeechAIRecorder/stories/SpeechAIAudioInput.js}

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import { useAssemblyAIRecorder } from '../useAssemblyAIRecorder';
-var AssemblyAudioInput = function (props) {
+import { useSpeechAIRecorder } from '../useSpeechAIRecorder';
+var SpeechAIAudioInput = function (props) {
     var _a = useState('initial'), transcript = _a[0], setTranscript = _a[1];
-    var _b = useAssemblyAIRecorder(props.url, setTranscript), recordingStatus = _b.recordingStatus, toggleRecording = _b.toggleRecording;
+    var _b = useSpeechAIRecorder(props.url, setTranscript), recordingStatus = _b.recordingStatus, toggleRecording = _b.toggleRecording;
     var getLabel = function (recordingStatus) {
         switch (recordingStatus) {
             case 'connecting': return "Connecting";
@@ -14,4 +14,4 @@ var AssemblyAudioInput = function (props) {
         React.createElement("button", { onClick: toggleRecording }, getLabel(recordingStatus)),
         React.createElement("p", { style: { border: 'solid 1px blue', minHeight: '200px', color: 'white' } }, transcript)));
 };
-export { AssemblyAudioInput };
+export { SpeechAIAudioInput };

package/hooks/useSpeechAIRecorder/useSpeechAIRecorder.d.ts

@@ -0,0 +1,29 @@
+type TranscriptCallback = (text: string) => void;
+type TRecordingStatus = 'idle' | 'connecting' | 'recording';
+/**
+ * useSpeechAIRecorder
+ *
+ * A custom React hook for real-time audio transcription. The current
+ * implementation streams audio over a WebSocket to AssemblyAI's v3 streaming
+ * endpoint, having first obtained a temporary token from the supplied
+ * back-end URL. Switching providers would mean rewriting this hook's
+ * networking — the public interface is provider-agnostic.
+ *
+ * When recording is toggled on, it takes a few moments to establish a
+ * WebSocket connection. During this time, the recording status will be
+ * `'connecting'`.
+ *
+ * @param url - Back-end URL for obtaining a temporary streaming 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 tracks the active recorder; when a new
+ * recording is started, the previous one is stopped.
+ */
+declare const useSpeechAIRecorder: (url: string, onTranscript: TranscriptCallback, authToken?: string) => {
+    recordingStatus: TRecordingStatus;
+    toggleRecording: () => Promise<void>;
+};
+export { useSpeechAIRecorder, TRecordingStatus };

package/hooks/{useAssemblyAIRecorder/useAssemblyAIRecorder.js → useSpeechAIRecorder/useSpeechAIRecorder.js}

@@ -46,26 +46,28 @@ import { SpeechManager } from './SpeechManager';
 // 
 var moduleScript = /* js */ "\nconst MAX_16BIT_INT = 32767\nclass AudioProcessor extends AudioWorkletProcessor {\n  constructor() {\n    super();\n\n    // Input is browser sample rate (typically 48000 Hz in Firefox)\n    // This variable is globally available inside the AudioWorkletProcessor\n    // scope.\n    this.inputSampleRate = sampleRate;\n    console.log('Detected input sample rate:', sampleRate);\n    this.targetSampleRate = 16000;\n    this.ratio = this.inputSampleRate / this.targetSampleRate;\n\n    // Buffer of input samples for resampling\n    this.buffer = [];\n\n    // Number of samples per output chunk\n    this.chunkSize = 1600; // ~100ms at 16kHz\n  }\n\n  /**\n   * Resample the input buffer to the target sample rate using linear interpolation.\n   */\n  resample(inputBuffer) {\n    const outputLength = Math.floor(inputBuffer.length / this.ratio);\n    const output = new Float32Array(outputLength);\n\n    for (let i = 0; i < outputLength; i++) {\n      const idx = i * this.ratio;\n      const idxInt = Math.floor(idx);\n      const idxFrac = idx - idxInt;\n\n      const sample1 = inputBuffer[idxInt] || 0;\n      const sample2 = inputBuffer[idxInt + 1] || 0;\n      output[i] = sample1 + (sample2 - sample1) * idxFrac;\n    }\n\n    return output;\n  }\n\n  /**\n   * Converts Float32 PCM [-1, 1] to 16-bit signed PCM\n   */\n  floatTo16BitPCM(float32Array) {\n    const int16Array = new Int16Array(float32Array.length);\n    for (let i = 0; i < float32Array.length; i++) {\n      let s = Math.max(-1, Math.min(1, float32Array[i]));\n      int16Array[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;\n    }\n    return int16Array;\n  }\n\n  /**\n   * Called automatically by browser on each audio frame (128 samples per channel).\n   */\n  process(inputs, outputs, parameters) {\n    try {\n      const input = inputs[0];\n      if (!input || input.length === 0) return true;\n\n      // Read from mono channel\n      const channelData = input[0];\n      this.buffer.push(...channelData);\n\n      // Only process if we have enough input to produce a full output chunk\n      const neededInputSamples = this.chunkSize * this.ratio;\n      if (this.buffer.length >= neededInputSamples) {\n        const inputForChunk = this.buffer.slice(0, neededInputSamples);\n        const resampled = this.resample(inputForChunk);\n        const pcm = this.floatTo16BitPCM(resampled);\n\n        this.port.postMessage({ audio_data: pcm }); // Send Int16Array to main thread\n\n        // Remove consumed input samples\n        this.buffer = this.buffer.slice(neededInputSamples);\n      }\n\n      return true; // Keep processor alive\n    } catch (error) {\n      console.error(error)\n      return false\n    }\n  }\n}\n\nregisterProcessor('audio-processor', AudioProcessor);\n";
 /**
- * useAssemblyAIRecorder
+ * useSpeechAIRecorder
  *
- * A custom React hook for real-time audio transcription using AssemblyAI's
- * streaming API.
+ * A custom React hook for real-time audio transcription. The current
+ * implementation streams audio over a WebSocket to AssemblyAI's v3 streaming
+ * endpoint, having first obtained a temporary token from the supplied
+ * back-end URL. Switching providers would mean rewriting this hook's
+ * networking — the public interface is provider-agnostic.
  *
- * When recording is toggled on, it takes a few moments to establish a web
- * socket connection. During this time, the recording status will be
+ * When recording is toggled on, it takes a few moments to establish a
+ * WebSocket connection. During this time, the recording status will be
  * `'connecting'`.
  *
- * @param url - Back-end URL for obtaining temporary token
+ * @param url - Back-end URL for obtaining a temporary streaming 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.
+ * The `SpeechManager` singleton tracks the active recorder; when a new
+ * recording is started, the previous one is stopped.
  */
-var useAssemblyAIRecorder = function (url, onTranscript, authToken) {
+var useSpeechAIRecorder = function (url, onTranscript, authToken) {
     // State to track the current recording status
     var _a = useState('idle'), recordingStatus = _a[0], setRecordingStatus = _a[1];
     // WebSocket connection to AssemblyAI
@@ -294,4 +296,4 @@ var useAssemblyAIRecorder = function (url, onTranscript, authToken) {
         toggleRecording: toggleRecording,
     };
 };
-export { useAssemblyAIRecorder };
+export { useSpeechAIRecorder };

package/hooks/useTextAIStream/index.d.ts

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

package/hooks/useTextAIStream/index.js

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

package/hooks/{useOpenAIStream/stories/OpenAIStreamInput.d.ts → useTextAIStream/stories/TextAIStreamInput.d.ts}

@@ -5,7 +5,7 @@ interface IProps {
      */
     url: string;
     /**
-     * Prompt to send to OpenAI.
+     * Prompt to send.
      */
     prompt: string;
     /**
@@ -19,5 +19,5 @@ interface IProps {
      */
     top_p?: number;
 }
-declare const OpenAIStreamInput: (props: IProps) => React.JSX.Element;
-export { OpenAIStreamInput };
+declare const TextAIStreamInput: (props: IProps) => React.JSX.Element;
+export { TextAIStreamInput };

package/hooks/{useOpenAIStream/stories/OpenAIStreamInput.js → useTextAIStream/stories/TextAIStreamInput.js}

@@ -35,16 +35,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React, { useState } from 'react';
-import { useOpenAIStream } from '../useOpenAIStream';
-var OpenAIStreamInput = function (props) {
-    var streamOpenAI = useOpenAIStream(props.url).stream;
+import { useTextAIStream } from '../useTextAIStream';
+var TextAIStreamInput = function (props) {
+    var stream = useTextAIStream(props.url).stream;
     var _a = useState(""), result = _a[0], setResult = _a[1];
     var handleClick = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setResult("");
-                    return [4 /*yield*/, streamOpenAI(props.prompt, function (chunk) { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, stream(props.prompt, function (chunk) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 setResult(function (prev) { return prev + chunk; });
                                 return [2 /*return*/];
@@ -60,7 +60,7 @@ var OpenAIStreamInput = function (props) {
         React.createElement("div", null,
             "Prompt: ",
             props.prompt),
-        React.createElement("button", { onClick: handleClick }, "Call OpenAI"),
+        React.createElement("button", { onClick: handleClick }, "Stream"),
         React.createElement("p", { style: { border: 'solid 1px blue', minHeight: '200px', color: 'white' } }, result)));
 };
-export { OpenAIStreamInput };
+export { TextAIStreamInput };

package/hooks/useTextAIStream/useTextAIStream.d.ts

@@ -0,0 +1,26 @@
+interface ITextAIStreamOptions {
+    temperature: number;
+    top_p: number;
+}
+/**
+ * Hook to stream text from a backend AI endpoint.
+ *
+ * The backend is expected to relay/translate its provider's output into
+ * OpenAI chat-completions Server-Sent Events:
+ *
+ *   data: {"choices":[{"delta":{"content":"..."}}]}\n\n
+ *   ...
+ *   data: [DONE]\n\n
+ *
+ * This is the de-facto streaming format and is provider-agnostic in practice
+ * (many vendors expose OpenAI-compatible endpoints). Backends that wrap other
+ * providers (e.g. Anthropic) should translate their native SSE into this
+ * shape so the hook stays unchanged.
+ *
+ * @returns `stream`: a function that takes a prompt and streaming callback.
+ */
+declare const useTextAIStream: (url: string, authToken?: string) => {
+    stream: (prompt: string, onText: (text: string) => Promise<void>, options?: ITextAIStreamOptions) => Promise<void>;
+    cancel: () => void;
+};
+export { useTextAIStream, ITextAIStreamOptions };

package/hooks/{useOpenAIStream/useOpenAIStream.js → useTextAIStream/useTextAIStream.js}

@@ -45,11 +45,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useCallback, useRef } from 'react';
 /**
- * Hook to stream OpenAI responses via a backend endpoint that acts as a proxy.
+ * Hook to stream text from a backend AI endpoint.
+ *
+ * The backend is expected to relay/translate its provider's output into
+ * OpenAI chat-completions Server-Sent Events:
+ *
+ *   data: {"choices":[{"delta":{"content":"..."}}]}\n\n
+ *   ...
+ *   data: [DONE]\n\n
+ *
+ * This is the de-facto streaming format and is provider-agnostic in practice
+ * (many vendors expose OpenAI-compatible endpoints). Backends that wrap other
+ * providers (e.g. Anthropic) should translate their native SSE into this
+ * shape so the hook stays unchanged.
  *
  * @returns `stream`: a function that takes a prompt and streaming callback.
  */
-var useOpenAIStream = function (url, authToken) {
+var useTextAIStream = function (url, authToken) {
     var abortRef = useRef(null);
     /**
      * Streams a prompt to a backend AI endpoint and handles streamed chunks.
@@ -92,7 +104,7 @@ var useOpenAIStream = function (url, authToken) {
                     case 1:
                         response = _f.sent();
                         if (!response.ok) {
-                            console.error("OpenAI stream request failed: ".concat(response.statusText));
+                            console.error("Text AI stream request failed: ".concat(response.statusText));
                             return [2 /*return*/];
                         }
                         if (!response.body) {
@@ -159,4 +171,4 @@ var useOpenAIStream = function (url, authToken) {
     }, []);
     return { stream: stream, cancel: cancel };
 };
-export { useOpenAIStream };
+export { useTextAIStream };

package/inputs/DateInput/Selector.js

@@ -23,18 +23,25 @@ var Selector = function (props) {
             setYear(props.value ? props.value.getFullYear().toString() : "");
         }
     }, [props.value]);
-    // Callback when day, month or year changes.
-    React.useEffect(function () {
-        var numYear = parseInt(year);
-        var numMonth = parseInt(month);
-        var numDay = parseInt(day);
-        if (isNaN(numYear) || isNaN(numMonth) || isNaN(numYear))
+    // Emit synchronously from the onChange handler rather than via a useEffect
+    // on [day, month, year]. Passive effects don't run until after paint, so
+    // an effect-based emit can be skipped if the next browser event (e.g. a
+    // click on Save) arrives before React's effect phase — losing the
+    // most-recent keystroke.
+    var emit = function (d, m, y) {
+        var numDay = parseInt(d);
+        var numMonth = parseInt(m);
+        var numYear = parseInt(y);
+        if (isNaN(numDay) || isNaN(numMonth) || isNaN(numYear))
             return;
         var date = new Date(numYear, numMonth - 1, numDay);
         // Overwrite year, because Date.new converts 0-99 to 1900-1999.
         date.setFullYear(numYear);
         props.onChange(date);
-    }, [day, month, year]);
+    };
+    var handleDayChange = function (v) { setDay(v); emit(v, month, year); };
+    var handleMonthChange = function (v) { setMonth(v); emit(day, v, year); };
+    var handleYearChange = function (v) { setYear(v); emit(day, month, v); };
     // Move focus to month input.
     var focusMonth = function () {
         monthRef.current.focus();
@@ -46,10 +53,10 @@ var Selector = function (props) {
         yearRef.current.select();
     };
     return (React.createElement(InputWrapper, { fluid: true, error: props.error, disabled: props.disabled, ghost: props.ghost, transparent: props.transparent, onClear: (props.clearable && props.value) ? props.onClear : null, icon: { url: SVG.Icons.Calendar, color: theme.colors.primary[3], onClick: props.onCalendar }, iconPosition: 'right' },
-        React.createElement(NumericInput, { disabled: props.disabled, width: 38, maxLength: 2, placeholder: "dd", value: day, onChange: setDay, onBlur: focusMonth }),
+        React.createElement(NumericInput, { disabled: props.disabled, width: 38, maxLength: 2, placeholder: "dd", value: day, onChange: handleDayChange, onBlur: focusMonth }),
         "/",
-        React.createElement(NumericInput, { disabled: props.disabled, width: 38, maxLength: 2, placeholder: "mm", value: month, onChange: setMonth, ref: monthRef, onBlur: focusYear }),
+        React.createElement(NumericInput, { disabled: props.disabled, width: 38, maxLength: 2, placeholder: "mm", value: month, onChange: handleMonthChange, ref: monthRef, onBlur: focusYear }),
         "/",
-        React.createElement(NumericInput, { disabled: props.disabled, width: 44, maxLength: 4, placeholder: "yyyy", value: year, onChange: setYear, ref: yearRef })));
+        React.createElement(NumericInput, { disabled: props.disabled, width: 44, maxLength: 4, placeholder: "yyyy", value: year, onChange: handleYearChange, ref: yearRef })));
 };
 export { Selector };

package/inputs/Editor/Editor.d.ts

@@ -50,15 +50,16 @@ interface IEditorProps extends ITestable {
      */
     codeButtons?: boolean;
     /**
-     * URL for OpenAI requests.
-     * If not present, no OpenAI controls will be available.
+     * URL for the back-end Text AI endpoint (streamed text generation).
+     * If not present, no Text AI controls will be available.
      */
-    openAIurl?: string;
+    textAIurl?: string;
     /**
-     * URL for AssemblyAI temporary token requests.
-     * If not present, no AssemblyAI controls will be available.
+     * URL for the back-end Speech AI endpoint (issues a temporary streaming
+     * token for the speech-to-text provider).
+     * If not present, no Speech AI controls will be available.
      */
-    assemblyAIurl?: string;
+    speechAIurl?: string;
     /**
      * Optional Bearer token for authenticated AI requests.
      */

package/inputs/Editor/Editor.js

@@ -91,7 +91,7 @@ var EditorBase = function (props) {
         React.createElement("div", { "data-testid": props['data-testid'] || "Editor", className: props.className, ref: wrapperRef },
             React.createElement(OverlayScrollbarsComponent, { className: "scroller ".concat(fullscreen ? 'fullscreen' : ''), defer: true, options: { scrollbars: { theme: 'os-theme-dark', autoHide: 'leave' } } },
                 !props.disabled && !props.ghost &&
-                    React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, codeButtons: props.codeButtons, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, openAIurl: props.openAIurl, assemblyAIurl: props.assemblyAIurl, authToken: props.authToken }),
+                    React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, codeButtons: props.codeButtons, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, textAIurl: props.textAIurl, speechAIurl: props.speechAIurl, authToken: props.authToken }),
                 React.createElement(EditorContent, { editor: editor, ref: setRef })))));
 };
 var pulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"])));

package/inputs/Editor/buttons/{SpeechButton.d.ts → SpeechAIButton.d.ts}

@@ -8,5 +8,5 @@ interface IProps {
      */
     authToken?: string;
 }
-declare const SpeechButton: (props: IProps) => React.JSX.Element;
-export { SpeechButton };
+declare const SpeechAIButton: (props: IProps) => React.JSX.Element;
+export { SpeechAIButton };

package/inputs/Editor/buttons/{SpeechButton.js → SpeechAIButton.js}

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef } from 'react';
 import { MenuButton } from '../menu/MenuButton';
 import { SVG } from '../../../svg';
-import { useAssemblyAIRecorder } from '../../../hooks/useAssemblyAIRecorder';
-var SpeechButton = function (props) {
+import { useSpeechAIRecorder } from '../../../hooks/useSpeechAIRecorder';
+var SpeechAIButton = function (props) {
     var fromRef = useRef(null);
     var transcriptRef = useRef("");
     var onTranscript = function (text) {
@@ -12,7 +12,7 @@ var SpeechButton = function (props) {
         view.dispatch(transaction);
         transcriptRef.current = text;
     };
-    var _a = useAssemblyAIRecorder(props.url, onTranscript, props.authToken), recordingStatus = _a.recordingStatus, toggleRecording = _a.toggleRecording;
+    var _a = useSpeechAIRecorder(props.url, onTranscript, props.authToken), recordingStatus = _a.recordingStatus, toggleRecording = _a.toggleRecording;
     useEffect(function () {
         if (recordingStatus == 'recording') {
             props.editor.setOptions({ editable: false });
@@ -26,6 +26,6 @@ var SpeechButton = function (props) {
     var handleClick = function () {
         toggleRecording();
     };
-    return (React.createElement(MenuButton, { editor: props.editor, hint: React.createElement("span", { style: { whiteSpace: "nowrap" } }, "AssemblyAI speech-to-text"), onClick: handleClick, disabled: false, active: recordingStatus == 'connecting', highlighted: recordingStatus == 'recording', icon: { url: SVG.Icons.Microphone } }));
+    return (React.createElement(MenuButton, { editor: props.editor, hint: React.createElement("span", { style: { whiteSpace: "nowrap" } }, "Speech-to-text"), onClick: handleClick, disabled: false, active: recordingStatus == 'connecting', highlighted: recordingStatus == 'recording', icon: { url: SVG.Icons.Microphone } }));
 };
-export { SpeechButton };
+export { SpeechAIButton };

package/inputs/Editor/buttons/TextAIButton.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Editor } from '@tiptap/react';
+interface IProps {
+    editor: Editor;
+    /**
+     * URL for AI requests.
+     */
+    url: string;
+    /**
+     * Optional Bearer token for authenticated requests.
+     */
+    authToken?: string;
+}
+/**
+ * `TextAIButton` provides a menu button that allows the user to run various
+ * AI-powered text transformations on selected editor content.
+ *
+ * Available transformations include:
+ * - Summarizing selected content
+ * - Extracting key points
+ * - Translating
+ *
+ * When triggered, the selected content is cut, sent to the configured Text AI
+ * back-end, and replaced with the transformed version. Streaming support
+ * allows real-time insertion with animated progress.
+ */
+declare const TextAIButton: (props: IProps) => React.JSX.Element;
+export { TextAIButton };

package/inputs/Editor/buttons/{OpenAIButton.js → TextAIButton.js}

@@ -37,24 +37,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import React, { useState } from 'react';
 import { marked } from 'marked';
 import { DOMParser as ProseMirrorDOMParser } from 'prosemirror-model';
-import { useOpenAIStream } from '../../../hooks/useOpenAIStream';
-import { OpenAIMenu } from './OpenAIMenu';
+import { useTextAIStream } from '../../../hooks/useTextAIStream';
+import { TextAIMenu } from './TextAIMenu';
 /**
- * `AIButton` provides a menu button that allows the user to run various
- * AI-powered transformations on selected editor content.
+ * `TextAIButton` provides a menu button that allows the user to run various
+ * AI-powered text transformations on selected editor content.
  *
  * Available transformations include:
- * - Telling a joke
  * - Summarizing selected content
  * - Extracting key points
- * - Translating to Portuguese
+ * - Translating
  *
- * When triggered, the selected content is cut, sent to OpenAI, and replaced
- * with the transformed version. Streaming support allows real-time insertion
- * with animated progress.
+ * When triggered, the selected content is cut, sent to the configured Text AI
+ * back-end, and replaced with the transformed version. Streaming support
+ * allows real-time insertion with animated progress.
  */
-var OpenAIButton = function (props) {
-    var streamOpenAI = useOpenAIStream(props.url, props.authToken).stream;
+var TextAIButton = function (props) {
+    var streamTextAI = useTextAIStream(props.url, props.authToken).stream;
     var _a = useState(false), streaming = _a[0], setStreaming = _a[1];
     // The DOM parser is only created once, then used many times as content
     // is streamed in.
@@ -154,7 +153,7 @@ var OpenAIButton = function (props) {
                     // Create initial node.
                     _a.sent();
                     text = "";
-                    return [4 /*yield*/, streamOpenAI(prompt, function (chunk) { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, streamTextAI(prompt, function (chunk) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0:
@@ -203,6 +202,6 @@ var OpenAIButton = function (props) {
             props.editor.setOptions({ editable: true });
         });
     };
-    return (React.createElement(OpenAIMenu, { editor: props.editor, onClick: function (p) { return transformStream(p); }, animated: streaming }));
+    return (React.createElement(TextAIMenu, { editor: props.editor, onClick: function (p) { return transformStream(p); }, animated: streaming }));
 };
-export { OpenAIButton };
+export { TextAIButton };

package/inputs/Editor/buttons/{OpenAIMenu.d.ts → TextAIMenu.d.ts}

@@ -5,5 +5,5 @@ interface IProps {
     onClick: (prompt: (text: string) => string) => void;
     animated: boolean;
 }
-declare const OpenAIMenu: (props: IProps) => React.JSX.Element;
-export { OpenAIMenu };
+declare const TextAIMenu: (props: IProps) => React.JSX.Element;
+export { TextAIMenu };

package/inputs/Editor/buttons/{OpenAIMenu.js → TextAIMenu.js}

@@ -4,7 +4,7 @@ import { MenuButton } from '../menu/MenuButton';
 import { List, ListRow } from '../../../containers/List';
 import { SVG } from '../../../svg';
 import { Icon } from '../../../controls/Icon';
-var OpenAIMenu = function (props) {
+var TextAIMenu = function (props) {
     var _a = React.useState(false), open = _a[0], setOpen = _a[1];
     var _b = React.useState(false), langOpen = _b[0], setLangOpen = _b[1];
     // With an empty selection, some AI commands cannot work, because they
@@ -19,7 +19,7 @@ var OpenAIMenu = function (props) {
             setLangOpen(false);
     }, [open]);
     var languages = ["US English", "UK English", "Portuguese", "Spanish", "French", "German", "Dutch", "Simplified Chinese"];
-    return (React.createElement(Openable, { width: 300, toggle: React.createElement(MenuButton, { editor: props.editor, onClick: function () { return setOpen(!open); }, hint: React.createElement("span", { style: { whiteSpace: "nowrap" } }, "OpenAI functions"), icon: { url: SVG.Editor.AI, animated: props.animated } }), content: React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+    return (React.createElement(Openable, { width: 300, toggle: React.createElement(MenuButton, { editor: props.editor, onClick: function () { return setOpen(!open); }, hint: React.createElement("span", { style: { whiteSpace: "nowrap" } }, "Text AI"), icon: { url: SVG.Editor.AI, animated: props.animated } }), content: React.createElement("div", { style: { display: 'flex', gap: '8px' } },
             React.createElement("div", { style: { minWidth: '150px' } },
                 React.createElement(List, { maxItems: 4, contract: true },
                     React.createElement(ListRow, { disabled: selectionIsEmpty, onClick: function () { return handleClick(function (text) {
@@ -39,4 +39,4 @@ var OpenAIMenu = function (props) {
                             }); } }, lang);
                     })))), open: open, onClose: function () { return setOpen(false); } }));
 };
-export { OpenAIMenu };
+export { TextAIMenu };

package/inputs/Editor/menu/MenuBar.d.ts

@@ -16,15 +16,15 @@ interface IProps {
      */
     codeButtons?: boolean;
     /**
-     * URL for OpenAI requests.
-     * If not present, no AI controls will be available.
+     * URL for the back-end Text AI endpoint.
+     * If not present, no Text AI controls will be available.
      */
-    openAIurl?: string;
+    textAIurl?: string;
     /**
-     * URL for AssemblyAI requests.
-     * If not present, no AI controls will be available.
+     * URL for the back-end Speech AI endpoint.
+     * If not present, no Speech AI controls will be available.
      */
-    assemblyAIurl?: string;
+    speechAIurl?: string;
     /**
      * Optional Bearer token for authenticated AI requests.
      */

package/inputs/Editor/menu/MenuBar.js

@@ -13,8 +13,8 @@ import { OrderedListButton } from '../buttons/OrderedListButton';
 import { BulletListButton } from '../buttons/BulletListButton';
 import { CodeBlockButton } from '../buttons/CodeBlockButton';
 import { FullscreenButton } from '../buttons/FullscreenButton';
-import { OpenAIButton } from '../buttons/OpenAIButton';
-import { SpeechButton } from '../buttons/SpeechButton';
+import { TextAIButton } from '../buttons/TextAIButton';
+import { SpeechAIButton } from '../buttons/SpeechAIButton';
 var MenuBarBase = function (props) {
     if (!props.editor) {
         return null;
@@ -31,11 +31,11 @@ var MenuBarBase = function (props) {
                 React.createElement(MenuSeparator, null),
                 React.createElement(CodeButton, { editor: props.editor }),
                 React.createElement(CodeBlockButton, { editor: props.editor })),
-            (props.openAIurl || props.allowFullscreen) && React.createElement(MenuSeparator, null),
-            props.openAIurl &&
-                React.createElement(OpenAIButton, { url: props.openAIurl, editor: props.editor, authToken: props.authToken }),
-            props.assemblyAIurl &&
-                React.createElement(SpeechButton, { url: props.assemblyAIurl, editor: props.editor, authToken: props.authToken }),
+            (props.textAIurl || props.allowFullscreen) && React.createElement(MenuSeparator, null),
+            props.textAIurl &&
+                React.createElement(TextAIButton, { url: props.textAIurl, editor: props.editor, authToken: props.authToken }),
+            props.speechAIurl &&
+                React.createElement(SpeechAIButton, { url: props.speechAIurl, editor: props.editor, authToken: props.authToken }),
             props.allowFullscreen &&
                 React.createElement(FullscreenButton, { fullscreen: props.fullscreen, editor: props.editor, onClick: props.onToggleFullscreen }))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.331",
+  "version": "1.0.335",
   "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/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 };