@superinterface/react 5.4.0 → 5.4.3

package/dist/index.js

@@ -38200,7 +38200,8 @@ var UnorderedList = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
-            listStylePosition: "inside"
+            listStylePosition: "outside",
+            listStyleType: "disc"
         };
         $[0] = t1;
     } else {
@@ -38210,6 +38211,7 @@ var UnorderedList = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx21(Box4, {
             pb: "3",
+            pl: "5",
             asChild: true,
             children: /* @__PURE__ */ _jsx21("ul", {
                 style: t1,
@@ -38233,7 +38235,8 @@ var OrderedList = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
-            listStylePosition: "inside"
+            listStylePosition: "outside",
+            listStyleType: "decimal"
         };
         $[0] = t1;
     } else {
@@ -38243,6 +38246,7 @@ var OrderedList = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx22(Box5, {
             pb: "3",
+            pl: "5",
             asChild: true,
             children: /* @__PURE__ */ _jsx22("ol", {
                 style: t1,
@@ -38266,6 +38270,7 @@ var ListItem = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
+            display: "list-item",
             wordBreak: "break-word"
         };
         $[0] = t1;
@@ -38276,6 +38281,7 @@ var ListItem = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx23(Box6, {
             pb: "1",
+            asChild: true,
             children: /* @__PURE__ */ _jsx23("li", {
                 style: t1,
                 children: children
@@ -43137,160 +43143,94 @@ function _temp2(content2, index4) {
         content: content2
     }, index4);
 }
+// src/components/threads/Thread/Message/lib/splitRunSteps.ts
+var splitRunSteps = function(_ref) {
+    var messageId = _ref.messageId, runSteps = _ref.runSteps;
+    if (!runSteps.length) return [
+        [],
+        []
+    ];
+    var messageCreationRunStepIndex = runSteps.findIndex(function(runStep) {
+        if (runStep.step_details.type !== "message_creation") return;
+        return runStep.step_details.message_creation.message_id === messageId;
+    });
+    if (messageCreationRunStepIndex === -1) {
+        return [
+            [],
+            runSteps
+        ];
+    }
+    var prevMcIndex = runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(function(runStep) {
+        return runStep.step_details.type === "message_creation";
+    });
+    var laterRunSteps = prevMcIndex === -1 ? runSteps.slice(0, messageCreationRunStepIndex) : [];
+    var prevRunStepIndex = runSteps.slice(messageCreationRunStepIndex + 1).findIndex(function(runStep) {
+        return runStep.step_details.type === "message_creation";
+    });
+    var olderRunSteps;
+    if (prevRunStepIndex === -1) {
+        olderRunSteps = runSteps.slice(messageCreationRunStepIndex + 1);
+    } else {
+        olderRunSteps = runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + 1 + prevRunStepIndex);
+    }
+    return [
+        olderRunSteps,
+        laterRunSteps
+    ];
+};
 // src/components/threads/Thread/Message/index.tsx
 import { jsx as _jsx62, jsxs as _jsxs18 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c60(40);
+    var $ = _c60(21);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
-    bb0: {
-        if (!message.runSteps.length) {
-            var _t;
-            if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-                _t = [
-                    [],
-                    []
-                ];
-                $[0] = _t;
-            } else {
-                _t = $[0];
-            }
-            t1 = _t;
-            break bb0;
-        }
-        var _t2;
-        if ($[1] !== message.id) {
-            _t2 = function(runStep) {
-                if (runStep.step_details.type !== "message_creation") {
-                    return;
-                }
-                return runStep.step_details.message_creation.message_id === message.id;
-            };
-            $[1] = message.id;
-            $[2] = _t2;
-        } else {
-            _t2 = $[2];
-        }
-        var messageCreationRunStepIndex = message.runSteps.findIndex(_t2);
-        if (messageCreationRunStepIndex === -1) {
-            var _t3;
-            if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-                _t3 = [];
-                $[3] = _t3;
-            } else {
-                _t3 = $[3];
-            }
-            var _t4;
-            if ($[4] !== message.runSteps) {
-                _t4 = [
-                    _t3,
-                    message.runSteps
-                ];
-                $[4] = message.runSteps;
-                $[5] = _t4;
-            } else {
-                _t4 = $[5];
-            }
-            t1 = _t4;
-            break bb0;
-        }
-        var _t5;
-        if ($[6] !== message.runSteps || $[7] !== messageCreationRunStepIndex) {
-            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp3);
-            if (nextRunStepIndex === -1) {
-                nextRunStepIndex = 0;
-            }
-            _t5 = message.runSteps.slice(nextRunStepIndex, messageCreationRunStepIndex);
-            $[6] = message.runSteps;
-            $[7] = messageCreationRunStepIndex;
-            $[8] = _t5;
-        } else {
-            _t5 = $[8];
-        }
-        var laterRunSteps = _t5;
-        var _t6;
-        if ($[9] !== message.runSteps || $[10] !== messageCreationRunStepIndex) {
-            _t6 = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex(_temp22);
-            $[9] = message.runSteps;
-            $[10] = messageCreationRunStepIndex;
-            $[11] = _t6;
-        } else {
-            _t6 = $[11];
-        }
-        var prevRunStepIndex = _t6;
-        var olderRunSteps;
-        if (prevRunStepIndex === -1) {
-            var _t7;
-            if ($[12] !== message.runSteps || $[13] !== messageCreationRunStepIndex) {
-                _t7 = message.runSteps.slice(messageCreationRunStepIndex + 1);
-                $[12] = message.runSteps;
-                $[13] = messageCreationRunStepIndex;
-                $[14] = _t7;
-            } else {
-                _t7 = $[14];
-            }
-            olderRunSteps = _t7;
-        } else {
-            var _t8;
-            if ($[15] !== message.runSteps || $[16] !== messageCreationRunStepIndex || $[17] !== prevRunStepIndex) {
-                _t8 = message.runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + prevRunStepIndex);
-                $[15] = message.runSteps;
-                $[16] = messageCreationRunStepIndex;
-                $[17] = prevRunStepIndex;
-                $[18] = _t8;
-            } else {
-                _t8 = $[18];
-            }
-            olderRunSteps = _t8;
-        }
-        var _t9;
-        if ($[19] !== laterRunSteps || $[20] !== olderRunSteps) {
-            _t9 = [
-                olderRunSteps,
-                laterRunSteps
-            ];
-            $[19] = laterRunSteps;
-            $[20] = olderRunSteps;
-            $[21] = _t9;
-        } else {
-            _t9 = $[21];
-        }
-        t1 = _t9;
-    }
-    var _t1 = _sliced_to_array(t1, 2), olderRunSteps_0 = _t1[0], laterRunSteps_0 = _t1[1];
     var t22;
-    if ($[22] !== message) {
-        t22 = {
+    if ($[0] !== message.id || $[1] !== message.runSteps) {
+        t22 = splitRunSteps({
+            messageId: message.id,
+            runSteps: message.runSteps
+        });
+        $[0] = message.id;
+        $[1] = message.runSteps;
+        $[2] = t22;
+    } else {
+        t22 = $[2];
+    }
+    t1 = t22;
+    var _t1 = _sliced_to_array(t1, 2), olderRunSteps = _t1[0], laterRunSteps = _t1[1];
+    var t3;
+    if ($[3] !== message) {
+        t3 = {
             message: message
         };
-        $[22] = message;
-        $[23] = t22;
+        $[3] = message;
+        $[4] = t3;
     } else {
-        t22 = $[23];
+        t3 = $[4];
     }
-    var t3;
-    if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx62(RunSteps, {
-            runSteps: olderRunSteps_0
+    var t4;
+    if ($[5] !== olderRunSteps) {
+        t4 = /* @__PURE__ */ _jsx62(RunSteps, {
+            runSteps: olderRunSteps
         });
-        $[24] = olderRunSteps_0;
-        $[25] = t3;
+        $[5] = olderRunSteps;
+        $[6] = t4;
     } else {
-        t3 = $[25];
+        t4 = $[6];
     }
-    var t4;
-    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = {
+    var t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
             wordBreak: "break-word"
         };
-        $[26] = t4;
+        $[7] = t5;
     } else {
-        t4 = $[26];
+        t5 = $[7];
     }
-    var t5;
-    if ($[27] !== message) {
-        t5 = /* @__PURE__ */ _jsxs18(Box12, {
-            style: t4,
+    var t6;
+    if ($[8] !== message) {
+        t6 = /* @__PURE__ */ _jsxs18(Box12, {
+            style: t5,
             children: [
                 /* @__PURE__ */ _jsx62(Attachments, {
                     message: message
@@ -43300,61 +43240,55 @@ var Message = function(t0) {
                 })
             ]
         });
-        $[27] = message;
-        $[28] = t5;
+        $[8] = message;
+        $[9] = t6;
     } else {
-        t5 = $[28];
+        t6 = $[9];
     }
-    var t6;
-    if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx62(RunSteps, {
-            runSteps: laterRunSteps_0
+    var t7;
+    if ($[10] !== laterRunSteps) {
+        t7 = /* @__PURE__ */ _jsx62(RunSteps, {
+            runSteps: laterRunSteps
         });
-        $[29] = laterRunSteps_0;
-        $[30] = t6;
+        $[10] = laterRunSteps;
+        $[11] = t7;
     } else {
-        t6 = $[30];
+        t7 = $[11];
     }
-    var t7;
-    if ($[31] !== className || $[32] !== style || $[33] !== t3 || $[34] !== t5 || $[35] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs18(Box12, {
+    var t8;
+    if ($[12] !== className || $[13] !== style || $[14] !== t4 || $[15] !== t6 || $[16] !== t7) {
+        t8 = /* @__PURE__ */ _jsxs18(Box12, {
             className: className,
             style: style,
             children: [
-                t3,
-                t5,
-                t6
+                t4,
+                t6,
+                t7
             ]
         });
-        $[31] = className;
-        $[32] = style;
-        $[33] = t3;
-        $[34] = t5;
-        $[35] = t6;
-        $[36] = t7;
+        $[12] = className;
+        $[13] = style;
+        $[14] = t4;
+        $[15] = t6;
+        $[16] = t7;
+        $[17] = t8;
     } else {
-        t7 = $[36];
+        t8 = $[17];
     }
-    var t8;
-    if ($[37] !== t22 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ _jsx62(Provider, {
-            value: t22,
-            children: t7
+    var t9;
+    if ($[18] !== t3 || $[19] !== t8) {
+        t9 = /* @__PURE__ */ _jsx62(Provider, {
+            value: t3,
+            children: t8
         });
-        $[37] = t22;
-        $[38] = t7;
-        $[39] = t8;
+        $[18] = t3;
+        $[19] = t8;
+        $[20] = t9;
     } else {
-        t8 = $[39];
+        t9 = $[20];
     }
-    return t8;
+    return t9;
 };
-function _temp3(runStep_0) {
-    return runStep_0.step_details.type === "message_creation";
-}
-function _temp22(runStep_1) {
-    return runStep_1.step_details.type === "message_creation";
-}
 // src/components/threads/Thread/Messages/Content/index.tsx
 import { c as _c62 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
@@ -45025,7 +44959,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp4
+            onError: _temp3
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -45035,7 +44969,7 @@ var useCreateFile = function(t0) {
     var t22 = t1.onError;
     var t3;
     if ($[2] !== t22) {
-        t3 = t22 === void 0 ? _temp23 : t22;
+        t3 = t22 === void 0 ? _temp22 : t22;
         $[2] = t22;
         $[3] = t3;
     } else {
@@ -45094,8 +45028,8 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp4() {}
-function _temp23() {}
+function _temp3() {}
+function _temp22() {}
 // src/hooks/files/useChangeFilesField/index.ts
 function asyncGeneratorStep8(n4, t3, e3, r2, o2, a3, c2) {
     try {
@@ -45750,7 +45684,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp5);
+        t5 = Array.from(toasts).map(_temp4);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45810,7 +45744,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp5(toast_0, index4) {
+function _temp4(toast_0, index4) {
     return /* @__PURE__ */ _jsx77(CustomToast, {
         toast: toast_0
     }, index4);
@@ -46408,7 +46342,7 @@ var Root14 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp6);
+            return setIsOpen(_temp5);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -46483,7 +46417,7 @@ var Trigger = function(args) {
 };
 Trigger.Root = Root14;
 Trigger.Button = Button4;
-function _temp6(prev) {
+function _temp5(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46512,7 +46446,7 @@ var Close = function() {
     var t22;
     if ($[2] !== setIsOpen) {
         t22 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp6);
         };
         $[2] = setIsOpen;
         $[3] = t22;
@@ -46562,7 +46496,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp7(prev) {
+function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46969,7 +46903,7 @@ import { c as _c87 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
     var $ = _c87(5);
-    var savedCallback = useRef6(_temp8);
+    var savedCallback = useRef6(_temp7);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -47006,7 +46940,7 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t22);
 };
-function _temp8() {}
+function _temp7() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys46(e3, r2) {
     var t3 = Object.keys(e3);
@@ -73101,7 +73035,7 @@ var useMessageAudio = function(t0) {
     } else {
         t15 = $[55];
     }
-    useEffect10(_temp9, t15);
+    useEffect10(_temp8, t15);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t16;
@@ -73185,7 +73119,7 @@ var useMessageAudio = function(t0) {
     }
     return t20;
 };
-function _temp9() {
+function _temp8() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -73338,7 +73272,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[4] !== createMessageProps) {
         t22 = {
             isStopOnSilence: true,
-            onStart: _temp10,
+            onStart: _temp9,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks3) {
                     var blob, audioContent;
@@ -73478,18 +73412,18 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
-    return _temp24.apply(this, arguments);
+function _temp9() {
+    return _temp23.apply(this, arguments);
 }
-function _temp24() {
-    _temp24 = _asyncToGenerator11(function() {
+function _temp23() {
+    _temp23 = _asyncToGenerator11(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
             ];
         });
     });
-    return _temp24.apply(this, arguments);
+    return _temp23.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
@@ -75661,7 +75595,7 @@ var useLatestAssistantMessage = function() {
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp11)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp10)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -75680,7 +75614,7 @@ var useLatestAssistantMessage = function() {
     t0 = t22;
     return t0;
 };
-function _temp11(message) {
+function _temp10(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
@@ -75694,7 +75628,7 @@ var useLatestAssistantMessageWithContent = function() {
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp25)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp24)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -75713,11 +75647,11 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t22;
     return t0;
 };
-function _temp12(content2) {
+function _temp11(content2) {
     return content2.type === "text" && !isEmpty3(content2.text.value);
 }
-function _temp25(message) {
-    return message.role === "assistant" && message.content.some(_temp12);
+function _temp24(message) {
+    return message.role === "assistant" && message.content.some(_temp11);
 }
 // src/components/gui/Gui/index.tsx
 import { jsx as _jsx99, jsxs as _jsxs37 } from "react/jsx-runtime";
@@ -75797,7 +75731,7 @@ var Progress2 = function(t0) {
     var t22;
     if ($[0] !== latestAssistantMessage.runSteps) {
         var _latestAssistantMessa;
-        t22 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp13)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
+        t22 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp12)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
         $[0] = latestAssistantMessage.runSteps;
         $[1] = t22;
     } else {
@@ -75902,7 +75836,7 @@ var Gui = function() {
     }
     return t22;
 };
-function _temp13(rs) {
+function _temp12(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx