@superinterface/react 5.3.0-beta.10 → 5.3.0-beta.12

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, DefaultAudioSegment, PlayInputArgs, AudioRuntime, MessageAudioOverrides, Avatar as Avatar$1, SerializedRunStep, ToolCall, MessageGroup as MessageGroup$1 } from './types/index.cjs';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, DefaultAudioSegment, PlayInputArgs, MessageAudioOverrides, AudioRuntime, Avatar as Avatar$1, SerializedRunStep, ToolCall, MessageGroup as MessageGroup$1 } from './types/index.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -582,15 +582,16 @@ declare const AudioThreadDialog: {
 type Args$6<TSegment = DefaultAudioSegment> = {
     children: React.ReactNode;
     play?: (args: PlayInputArgs) => Promise<void> | void;
+    playSegments?: MessageAudioOverrides<TSegment>['playSegments'];
+    getSegments?: MessageAudioOverrides<TSegment>['getSegments'];
     onEnd?: () => void;
     audioRuntime?: AudioRuntime;
-    playback?: MessageAudioOverrides<TSegment>;
 } & StyleProps;
 
 type Args$5 = Omit<Args$6, 'children'>;
 declare const AudioThread: {
     (props: Args$5): react_jsx_runtime.JSX.Element;
-    Root: <TSegment = DefaultAudioSegment>({ children, play, onEnd, className, style, playback, ...rest }: Args$6<TSegment>) => react_jsx_runtime.JSX.Element;
+    Root: <TSegment = DefaultAudioSegment>({ children, play, playSegments, getSegments, onEnd, className, style, ...rest }: Args$6<TSegment>) => react_jsx_runtime.JSX.Element;
     Visualization: {
         (props: StyleProps): react_jsx_runtime.JSX.Element;
         Root: ({ children, ...rest }: {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, DefaultAudioSegment, PlayInputArgs, AudioRuntime, MessageAudioOverrides, Avatar as Avatar$1, SerializedRunStep, ToolCall, MessageGroup as MessageGroup$1 } from './types/index.js';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, DefaultAudioSegment, PlayInputArgs, MessageAudioOverrides, AudioRuntime, Avatar as Avatar$1, SerializedRunStep, ToolCall, MessageGroup as MessageGroup$1 } from './types/index.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -582,15 +582,16 @@ declare const AudioThreadDialog: {
 type Args$6<TSegment = DefaultAudioSegment> = {
     children: React.ReactNode;
     play?: (args: PlayInputArgs) => Promise<void> | void;
+    playSegments?: MessageAudioOverrides<TSegment>['playSegments'];
+    getSegments?: MessageAudioOverrides<TSegment>['getSegments'];
     onEnd?: () => void;
     audioRuntime?: AudioRuntime;
-    playback?: MessageAudioOverrides<TSegment>;
 } & StyleProps;
 
 type Args$5 = Omit<Args$6, 'children'>;
 declare const AudioThread: {
     (props: Args$5): react_jsx_runtime.JSX.Element;
-    Root: <TSegment = DefaultAudioSegment>({ children, play, onEnd, className, style, playback, ...rest }: Args$6<TSegment>) => react_jsx_runtime.JSX.Element;
+    Root: <TSegment = DefaultAudioSegment>({ children, play, playSegments, getSegments, onEnd, className, style, ...rest }: Args$6<TSegment>) => react_jsx_runtime.JSX.Element;
     Visualization: {
         (props: StyleProps): react_jsx_runtime.JSX.Element;
         Root: ({ children, ...rest }: {

package/dist/index.js

@@ -47451,7 +47451,7 @@ var useMessageAudio = function(_ref) {
         }
         var run = /* @__PURE__ */ function() {
             var _ref2 = _asyncToGenerator11(function() {
-                var assistantsDesc, assistantsAsc, nowTs, lastNIds, prevQueue, prevById, prevUnfinishedIds, streamingIds, includeIds, segCache, nextQueue, changed, touch, i, _existing$nextIndex, _existing$stopped, m_6, rawInput, prevEntry, nextEntry, playableSegments, customSegments, safeSegments, base, fullSegments, readyCount, last3, readySegments, existing, nextIndex, stopped, reuse, unfinished, finished, prunedFinished, combined, i_0, idsInQueue, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, id_3, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, id_4, entries, toRemove, i_1;
+                var assistantsDesc, assistantsAsc, nowTs, lastNIds, prevQueue, prevById, prevUnfinishedIds, streamingIds, includeIds, segCache, nextQueue, changed, touch, i, _existing$nextIndex, _existing$stopped, m_6, input2, prevEntry, nextEntry, playableSegments, customSegments, safeSegments, base, fullSegments, readyCount, last3, readySegments, existing, nextIndex, stopped, reuse, unfinished, finished, prunedFinished, combined, i_0, idsInQueue, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, id_3, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, id_4, entries, toRemove, i_1;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -47512,10 +47512,10 @@ var useMessageAudio = function(_ref) {
                                 3,
                                 5
                             ];
-                            rawInput = input({
+                            input2 = input({
                                 message: m_6
                             });
-                            if (rawInput == null) {
+                            if (input2 == null) {
                                 segCache.delete(m_6.id);
                                 messagesByIdRef.current.delete(m_6.id);
                                 return [
@@ -47535,14 +47535,14 @@ var useMessageAudio = function(_ref) {
                                 4,
                                 Promise.resolve(providedGetSegments({
                                     message: m_6,
-                                    rawInput: rawInput
+                                    input: input2
                                 }))
                             ];
                         case 2:
                             customSegments = _state.sent();
                             safeSegments = Array.isArray(customSegments) ? customSegments : [];
                             nextEntry = {
-                                input: rawInput,
+                                input: input2,
                                 segments: safeSegments,
                                 touched: nowTs
                             };
@@ -47552,7 +47552,7 @@ var useMessageAudio = function(_ref) {
                                 4
                             ];
                         case 3:
-                            base = getIncrementalSegments(prevEntry, rawInput, nowTs);
+                            base = getIncrementalSegments(prevEntry, input2, nowTs);
                             nextEntry = {
                                 input: base.input,
                                 segments: base.segments,
@@ -47574,7 +47574,7 @@ var useMessageAudio = function(_ref) {
                             existing = prevById.get(m_6.id);
                             nextIndex = Math.min((_existing$nextIndex = existing === null || existing === void 0 ? void 0 : existing.nextIndex) !== null && _existing$nextIndex !== void 0 ? _existing$nextIndex : 0, playableSegments.length);
                             stopped = (_existing$stopped = existing === null || existing === void 0 ? void 0 : existing.stopped) !== null && _existing$stopped !== void 0 ? _existing$stopped : false;
-                            reuse = !!existing && existing.status === m_6.status && existing.rawInput === rawInput && existing.nextIndex === nextIndex && existing.stopped === stopped && segmentsEqual(existing.segments, playableSegments);
+                            reuse = !!existing && existing.status === m_6.status && existing.messageInput === input2 && existing.nextIndex === nextIndex && existing.stopped === stopped && segmentsEqual(existing.segments, playableSegments);
                             if (reuse) {
                                 nextQueue.push(existing);
                             } else {
@@ -47584,7 +47584,7 @@ var useMessageAudio = function(_ref) {
                                     segments: playableSegments,
                                     nextIndex: nextIndex,
                                     stopped: stopped,
-                                    rawInput: rawInput
+                                    messageInput: input2
                                 });
                                 changed = true;
                             }
@@ -47737,13 +47737,13 @@ var useMessageAudio = function(_ref) {
     ]);
     var defaultPlay = useCallback7(/* @__PURE__ */ function() {
         var _ref5 = _asyncToGenerator11(function(_ref4) {
-            var input2, onPlay, onStop, onEnd_0, searchParams;
+            var input_0, onPlay, onStop, onEnd_0, searchParams;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        input2 = _ref4.input, onPlay = _ref4.onPlay, onStop = _ref4.onStop, onEnd_0 = _ref4.onEnd;
+                        input_0 = _ref4.input, onPlay = _ref4.onPlay, onStop = _ref4.onStop, onEnd_0 = _ref4.onEnd;
                         searchParams = new URLSearchParams(_objectSpread47({
-                            input: input2
+                            input: input_0
                         }, superinterfaceContext.variables));
                         return [
                             4,
@@ -47990,7 +47990,7 @@ var useMessageAudio = function(_ref) {
             candidate = {
                 messageId: msg.id,
                 message: message_0,
-                rawInput: msg.rawInput,
+                messageInput: msg.messageInput,
                 startIndex: msg.nextIndex,
                 segments: msg.segments.slice(msg.nextIndex)
             };
@@ -48593,29 +48593,12 @@ var _excluded7 = [
 var _excluded22 = [
     "children",
     "play",
+    "playSegments",
+    "getSegments",
     "onEnd",
     "className",
-    "style",
-    "playback"
+    "style"
 ];
-function _objectWithoutProperties7(e, t) {
-    if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
-    if (Object.getOwnPropertySymbols) {
-        var n = Object.getOwnPropertySymbols(e);
-        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-}
-function _objectWithoutPropertiesLoose7(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
-        if (-1 !== e.indexOf(n)) continue;
-        t[n] = r[n];
-    }
-    return t;
-}
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -48659,6 +48642,24 @@ function _toPrimitive50(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
+function _objectWithoutProperties7(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose7(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (-1 !== e.indexOf(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
 var Content9 = function(t0) {
     var $ = _c90(4);
     var children = t0.children, className = t0.className, style = t0.style;
@@ -48683,34 +48684,30 @@ var Content9 = function(t0) {
 };
 var AudioRuntimeProvider = function(t0) {
     var $ = _c90(6);
-    var children = t0.children, onEnd = t0.onEnd, playback = t0.playback;
+    var children = t0.children, onEnd = t0.onEnd, play = t0.play, playSegments = t0.playSegments, getSegments = t0.getSegments;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
         return children;
     }
     var t1;
-    if ($[0] !== playback) {
-        t1 = playback !== null && playback !== void 0 ? playback : {};
-        $[0] = playback;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2;
-    if ($[2] !== children || $[3] !== onEnd || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, _objectSpread50(_objectSpread50({
-            onEnd: onEnd
-        }, t1), {}, {
+    if ($[0] !== children || $[1] !== getSegments || $[2] !== onEnd || $[3] !== play || $[4] !== playSegments) {
+        t1 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, {
+            onEnd: onEnd,
+            play: play,
+            playSegments: playSegments,
+            getSegments: getSegments,
             children: children
-        }));
-        $[2] = children;
-        $[3] = onEnd;
-        $[4] = t1;
-        $[5] = t2;
+        });
+        $[0] = children;
+        $[1] = getSegments;
+        $[2] = onEnd;
+        $[3] = play;
+        $[4] = playSegments;
+        $[5] = t1;
     } else {
-        t2 = $[5];
+        t1 = $[5];
     }
-    return t2;
+    return t1;
 };
 var Provider5 = function(t0) {
     var $ = _c90(9);
@@ -48756,88 +48753,83 @@ var Root16 = function(t0) {
     var $ = _c90(22);
     var children;
     var className;
+    var getSegments;
     var onEnd;
     var play;
-    var playback;
+    var playSegments;
     var rest;
     var style;
     if ($[0] !== t0) {
         var _t2 = t0;
         var ref;
-        ref = _t2, children = ref.children, play = ref.play, onEnd = ref.onEnd, className = ref.className, style = ref.style, playback = ref.playback, ref;
+        ref = _t2, children = ref.children, play = ref.play, playSegments = ref.playSegments, getSegments = ref.getSegments, onEnd = ref.onEnd, className = ref.className, style = ref.style, ref;
         rest = _objectWithoutProperties7(_t2, _excluded22);
         _t2;
         $[0] = t0;
         $[1] = children;
         $[2] = className;
-        $[3] = onEnd;
-        $[4] = play;
-        $[5] = playback;
-        $[6] = rest;
-        $[7] = style;
+        $[3] = getSegments;
+        $[4] = onEnd;
+        $[5] = play;
+        $[6] = playSegments;
+        $[7] = rest;
+        $[8] = style;
     } else {
         children = $[1];
         className = $[2];
-        onEnd = $[3];
-        play = $[4];
-        playback = $[5];
-        rest = $[6];
-        style = $[7];
+        getSegments = $[3];
+        onEnd = $[4];
+        play = $[5];
+        playSegments = $[6];
+        rest = $[7];
+        style = $[8];
     }
     var t1;
-    if ($[8] !== play || $[9] !== playback) {
-        t1 = playback !== null && playback !== void 0 ? playback : play ? {
-            play: play
-        } : void 0;
-        $[8] = play;
-        $[9] = playback;
-        $[10] = t1;
-    } else {
-        t1 = $[10];
-    }
-    var playbackOverrides = t1;
-    var t2;
-    if ($[11] !== children || $[12] !== className || $[13] !== style) {
-        t2 = /* @__PURE__ */ _jsx88(ToastsProvider, {
+    if ($[9] !== children || $[10] !== className || $[11] !== style) {
+        t1 = /* @__PURE__ */ _jsx88(ToastsProvider, {
             children: /* @__PURE__ */ _jsx88(Content9, {
                 className: className,
                 style: style,
                 children: children
             })
         });
-        $[11] = children;
-        $[12] = className;
-        $[13] = style;
-        $[14] = t2;
+        $[9] = children;
+        $[10] = className;
+        $[11] = style;
+        $[12] = t1;
     } else {
-        t2 = $[14];
+        t1 = $[12];
     }
-    var t3;
-    if ($[15] !== onEnd || $[16] !== playbackOverrides || $[17] !== t2) {
-        t3 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
+    var t2;
+    if ($[13] !== getSegments || $[14] !== onEnd || $[15] !== play || $[16] !== playSegments || $[17] !== t1) {
+        t2 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
             onEnd: onEnd,
-            playback: playbackOverrides,
-            children: t2
+            play: play,
+            playSegments: playSegments,
+            getSegments: getSegments,
+            children: t1
         });
-        $[15] = onEnd;
-        $[16] = playbackOverrides;
-        $[17] = t2;
-        $[18] = t3;
+        $[13] = getSegments;
+        $[14] = onEnd;
+        $[15] = play;
+        $[16] = playSegments;
+        $[17] = t1;
+        $[18] = t2;
     } else {
-        t3 = $[18];
+        t2 = $[18];
     }
-    var t4;
-    if ($[19] !== rest || $[20] !== t3) {
-        t4 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread50(_objectSpread50({}, rest), {}, {
-            children: t3
+    var t3;
+    if ($[19] !== rest || $[20] !== t2) {
+        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread50(_objectSpread50({}, rest), {}, {
+            children: t2
         }));
         $[19] = rest;
-        $[20] = t3;
-        $[21] = t4;
+        $[20] = t2;
+        $[21] = t3;
     } else {
-        t4 = $[21];
+        t3 = $[21];
     }
-    return t4;
+    return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { c as _c92 } from "react-compiler-runtime";