@superinterface/react 2.13.1 → 2.13.3

package/dist/index.cjs

@@ -3044,7 +3044,7 @@ var useRecorder = function(param) {
     var silenceAnalyser = (0, import_react40.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
-        result.minDecibels = -45;
+        result.minDecibels = -60;
         audioEngine.source.connect(result);
         return result;
     }, [
@@ -3087,9 +3087,9 @@ var useRecorder = function(param) {
         if (status !== "recording") return;
         if (!silenceStart) return;
         if (!noiseStart) return;
-        if (!silenceStart.isBefore((0, import_dayjs2.default)().subtract(1, "second"))) return;
+        if (!silenceStart.isBefore((0, import_dayjs2.default)().subtract(1.5, "second"))) return;
         audioCaptureProps.stop();
-    }, 100);
+    }, 300);
     return _object_spread_props(_object_spread({}, audioCaptureProps), {
         status: status,
         visualizationAnalyser: visualizationAnalyser
@@ -3360,6 +3360,7 @@ var Root8 = function(param) {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_react44 = require("react");
+var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes43 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
 var import_react42 = require("react");
@@ -3435,6 +3436,30 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
     var assistantNameContext = (0, import_react44.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react44.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react44.useCallback)(function(param) {
+        var visualizationAnalyser = param.visualizationAnalyser;
+        if (!visualizationAnalyser) {
+            setScale(1);
+            return;
+        }
+        var frequencyData = new Uint8Array(visualizationAnalyser.frequencyBinCount / 15);
+        visualizationAnalyser.getByteFrequencyData(frequencyData);
+        setScale(1 + import_lodash9.default.mean(frequencyData) / 255 / 10);
+        requestAnimationFrame(function() {
+            return draw({
+                visualizationAnalyser: visualizationAnalyser
+            });
+        });
+    }, []);
+    (0, import_react44.useEffect)(function() {
+        draw({
+            visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
+        });
+    }, [
+        draw,
+        audioThreadContext
+    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes43.Flex, {
         direction: "column",
         align: "center",
@@ -3449,7 +3474,8 @@ var Visualization = function() {
                 width: "200px",
                 style: {
                     backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-4)" : "var(--gray-4)",
-                    borderRadius: "9999px"
+                    borderRadius: "9999px",
+                    scale: scale
                 },
                 children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
@@ -3477,7 +3503,7 @@ var import_themes44 = require("@radix-ui/themes");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var html = function(param) {
     var texts = param.texts;
-    return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 3, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_9, i) {
+    return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
         return "\n      ".concat(i * 100 / texts.length, '% {\n        content: "').concat(texts[i], '";\n      }\n    ');
     }).join(""), "\n  }");
 };