/ components / PromptInput / VoiceIndicator.tsx
VoiceIndicator.tsx
  1  import { c as _c } from "react/compiler-runtime";
  2  import { feature } from 'bun:bundle';
  3  import * as React from 'react';
  4  import { useSettings } from '../../hooks/useSettings.js';
  5  import { Box, Text, useAnimationFrame } from '../../ink.js';
  6  import { interpolateColor, toRGBColor } from '../Spinner/utils.js';
  7  type Props = {
  8    voiceState: 'idle' | 'recording' | 'processing';
  9  };
 10  
 11  // Processing shimmer colors: dim gray to lighter gray (matches ThinkingShimmerText)
 12  const PROCESSING_DIM = {
 13    r: 153,
 14    g: 153,
 15    b: 153
 16  };
 17  const PROCESSING_BRIGHT = {
 18    r: 185,
 19    g: 185,
 20    b: 185
 21  };
 22  const PULSE_PERIOD_S = 2; // 2 second period for all pulsing animations
 23  
 24  export function VoiceIndicator(props) {
 25    const $ = _c(2);
 26    if (!feature("VOICE_MODE")) {
 27      return null;
 28    }
 29    let t0;
 30    if ($[0] !== props) {
 31      t0 = <VoiceIndicatorImpl {...props} />;
 32      $[0] = props;
 33      $[1] = t0;
 34    } else {
 35      t0 = $[1];
 36    }
 37    return t0;
 38  }
 39  function VoiceIndicatorImpl(t0) {
 40    const $ = _c(2);
 41    const {
 42      voiceState
 43    } = t0;
 44    switch (voiceState) {
 45      case "recording":
 46        {
 47          let t1;
 48          if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 49            t1 = <Text dimColor={true}>listening…</Text>;
 50            $[0] = t1;
 51          } else {
 52            t1 = $[0];
 53          }
 54          return t1;
 55        }
 56      case "processing":
 57        {
 58          let t1;
 59          if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 60            t1 = <ProcessingShimmer />;
 61            $[1] = t1;
 62          } else {
 63            t1 = $[1];
 64          }
 65          return t1;
 66        }
 67      case "idle":
 68        {
 69          return null;
 70        }
 71    }
 72  }
 73  
 74  // Static — the warmup window (~120ms between space #2 and activation)
 75  // is too brief for a 1s-period shimmer to register, and a 50ms animation
 76  // timer here runs concurrently with auto-repeat spaces arriving every
 77  // 30-80ms, compounding re-renders during an already-busy window.
 78  export function VoiceWarmupHint() {
 79    const $ = _c(1);
 80    if (!feature("VOICE_MODE")) {
 81      return null;
 82    }
 83    let t0;
 84    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 85      t0 = <Text dimColor={true}>keep holding…</Text>;
 86      $[0] = t0;
 87    } else {
 88      t0 = $[0];
 89    }
 90    return t0;
 91  }
 92  function ProcessingShimmer() {
 93    const $ = _c(8);
 94    const settings = useSettings();
 95    const reducedMotion = settings.prefersReducedMotion ?? false;
 96    const [ref, time] = useAnimationFrame(reducedMotion ? null : 50);
 97    if (reducedMotion) {
 98      let t0;
 99      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
100        t0 = <Text color="warning">Voice: processing…</Text>;
101        $[0] = t0;
102      } else {
103        t0 = $[0];
104      }
105      return t0;
106    }
107    const elapsedSec = time / 1000;
108    const opacity = (Math.sin(elapsedSec * Math.PI * 2 / PULSE_PERIOD_S) + 1) / 2;
109    let t0;
110    if ($[1] !== opacity) {
111      t0 = toRGBColor(interpolateColor(PROCESSING_DIM, PROCESSING_BRIGHT, opacity));
112      $[1] = opacity;
113      $[2] = t0;
114    } else {
115      t0 = $[2];
116    }
117    const color = t0;
118    let t1;
119    if ($[3] !== color) {
120      t1 = <Text color={color}>Voice: processing…</Text>;
121      $[3] = color;
122      $[4] = t1;
123    } else {
124      t1 = $[4];
125    }
126    let t2;
127    if ($[5] !== ref || $[6] !== t1) {
128      t2 = <Box ref={ref}>{t1}</Box>;
129      $[5] = ref;
130      $[6] = t1;
131      $[7] = t2;
132    } else {
133      t2 = $[7];
134    }
135    return t2;
136  }
137  //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJ1c2VTZXR0aW5ncyIsIkJveCIsIlRleHQiLCJ1c2VBbmltYXRpb25GcmFtZSIsImludGVycG9sYXRlQ29sb3IiLCJ0b1JHQkNvbG9yIiwiUHJvcHMiLCJ2b2ljZVN0YXRlIiwiUFJPQ0VTU0lOR19ESU0iLCJyIiwiZyIsImIiLCJQUk9DRVNTSU5HX0JSSUdIVCIsIlBVTFNFX1BFUklPRF9TIiwiVm9pY2VJbmRpY2F0b3IiLCJwcm9wcyIsIiQiLCJfYyIsInQwIiwiVm9pY2VJbmRpY2F0b3JJbXBsIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJWb2ljZVdhcm11cEhpbnQiLCJQcm9jZXNzaW5nU2hpbW1lciIsInNldHRpbmdzIiwicmVkdWNlZE1vdGlvbiIsInByZWZlcnNSZWR1Y2VkTW90aW9uIiwicmVmIiwidGltZSIsImVsYXBzZWRTZWMiLCJvcGFjaXR5IiwiTWF0aCIsInNpbiIsIlBJIiwiY29sb3IiLCJ0MiJdLCJzb3VyY2VzIjpbIlZvaWNlSW5kaWNhdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9ob29rcy91c2VTZXR0aW5ncy5qcydcbmltcG9ydCB7IEJveCwgVGV4dCwgdXNlQW5pbWF0aW9uRnJhbWUgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBpbnRlcnBvbGF0ZUNvbG9yLCB0b1JHQkNvbG9yIH0gZnJvbSAnLi4vU3Bpbm5lci91dGlscy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgdm9pY2VTdGF0ZTogJ2lkbGUnIHwgJ3JlY29yZGluZycgfCAncHJvY2Vzc2luZydcbn1cblxuLy8gUHJvY2Vzc2luZyBzaGltbWVyIGNvbG9yczogZGltIGdyYXkgdG8gbGlnaHRlciBncmF5IChtYXRjaGVzIFRoaW5raW5nU2hpbW1lclRleHQpXG5jb25zdCBQUk9DRVNTSU5HX0RJTSA9IHsgcjogMTUzLCBnOiAxNTMsIGI6IDE1MyB9XG5jb25zdCBQUk9DRVNTSU5HX0JSSUdIVCA9IHsgcjogMTg1LCBnOiAxODUsIGI6IDE4NSB9XG5cbmNvbnN0IFBVTFNFX1BFUklPRF9TID0gMiAvLyAyIHNlY29uZCBwZXJpb2QgZm9yIGFsbCBwdWxzaW5nIGFuaW1hdGlvbnNcblxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9yKHByb3BzOiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmICghZmVhdHVyZSgnVk9JQ0VfTU9ERScpKSByZXR1cm4gbnVsbFxuICByZXR1cm4gPFZvaWNlSW5kaWNhdG9ySW1wbCB7Li4ucHJvcHN9IC8+XG59XG5cbmZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9ySW1wbCh7IHZvaWNlU3RhdGUgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBzd2l0Y2ggKHZvaWNlU3RhdGUpIHtcbiAgICBjYXNlICdyZWNvcmRpbmcnOlxuICAgICAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmxpc3RlbmluZ+KApjwvVGV4dD5cbiAgICBjYXNlICdwcm9jZXNzaW5nJzpcbiAgICAgIHJldHVybiA8UHJvY2Vzc2luZ1NoaW1tZXIgLz5cbiAgICBjYXNlICdpZGxlJzpcbiAgICAgIHJldHVybiBudWxsXG4gIH1cbn1cblxuLy8gU3RhdGljIOKAlCB0aGUgd2FybXVwIHdpbmRvdyAofjEyMG1zIGJldHdlZW4gc3BhY2UgIzIgYW5kIGFjdGl2YXRpb24pXG4vLyBpcyB0b28gYnJpZWYgZm9yIGEgMXMtcGVyaW9kIHNoaW1tZXIgdG8gcmVnaXN0ZXIsIGFuZCBhIDUwbXMgYW5pbWF0aW9uXG4vLyB0aW1lciBoZXJlIHJ1bnMgY29uY3VycmVudGx5IHdpdGggYXV0by1yZXBlYXQgc3BhY2VzIGFycml2aW5nIGV2ZXJ5XG4vLyAzMC04MG1zLCBjb21wb3VuZGluZyByZS1yZW5kZXJzIGR1cmluZyBhbiBhbHJlYWR5LWJ1c3kgd2luZG93LlxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlV2FybXVwSGludCgpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAoIWZlYXR1cmUoJ1ZPSUNFX01PREUnKSkgcmV0dXJuIG51bGxcbiAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmtlZXAgaG9sZGluZ+KApjwvVGV4dD5cbn1cblxuZnVuY3Rpb24gUHJvY2Vzc2luZ1NoaW1tZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgc2V0dGluZ3MgPSB1c2VTZXR0aW5ncygpXG4gIGNvbnN0IHJlZHVjZWRNb3Rpb24gPSBzZXR0aW5ncy5wcmVmZXJzUmVkdWNlZE1vdGlvbiA/PyBmYWxzZVxuICBjb25zdCBbcmVmLCB0aW1lXSA9IHVzZUFuaW1hdGlvbkZyYW1lKHJlZHVjZWRNb3Rpb24gPyBudWxsIDogNTApXG5cbiAgaWYgKHJlZHVjZWRNb3Rpb24pIHtcbiAgICByZXR1cm4gPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+Vm9pY2U6IHByb2Nlc3NpbmfigKY8L1RleHQ+XG4gIH1cblxuICBjb25zdCBlbGFwc2VkU2VjID0gdGltZSAvIDEwMDBcbiAgY29uc3Qgb3BhY2l0eSA9XG4gICAgKE1hdGguc2luKChlbGFwc2VkU2VjICogTWF0aC5QSSAqIDIpIC8gUFVMU0VfUEVSSU9EX1MpICsgMSkgLyAyXG4gIGNvbnN0IGNvbG9yID0gdG9SR0JDb2xvcihcbiAgICBpbnRlcnBvbGF0ZUNvbG9yKFBST0NFU1NJTkdfRElNLCBQUk9DRVNTSU5HX0JSSUdIVCwgb3BhY2l0eSksXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgY29sb3I9e2NvbG9yfT5Wb2ljZTogcHJvY2Vzc2luZ+KApjwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxXQUFXLFFB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QUVoRSxJQUFJQSxhQUFhO0lBQUEsSUFBQVIsRUFBQTtJQUFBLElBQUFGLENBQUEsUUFBQUssTUFBQSxDQUFBQyxHQUFBO01BQ1JKLEVBQUEsSUFBQyxJQUFJLENBQU8sS0FBUyxDQUFULFNBQVMsQ0FBQyxrQkFBa0IsRUFBdkMsSUFBSSxDQUEwQztNQUFBRixDQUFBLE1BQUFFLEVBQUE7SUFBQTtNQUFBQSxFQUFBLEdBQUFGLENBQUE7SUFBQTtJQUFBLE9BQS9DRSxFQUErQztFQUFBO0VBR3hELE1BQUFZLFVBQUEsR0FBbUJELElBQUksR0FBRyxJQUFJO0VBQzlCLE1BQUFFLE9BQUEsR0FDRSxDQUFDQyxJQUFJLENBQUFDLEdBQUksQ0FBRUgsVUFBVSxHQUFHRSxJQUFJLENBQUFFLEVBQUcsR0FBRyxDQUFDLEdBQUlyQixjQUFjLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztFQUFBLElBQUFLLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFlLE9BQUE7SUFDbkRiLEVBQUEsR0FBQWIsVUFBVSxDQUN0QkQsZ0JBQWdCLENBQUNJLGNBQWMsRUFBRUksaUJBQWlCLEVBQUVtQixPQUFPLENBQzdELENBQUM7SUFBQWYsQ0FBQSxNQUFBZSxPQUFBO0lBQUFmLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBRkQsTUFBQW1CLEtBQUEsR0FBY2pCLEVBRWI7RUFBQSxJQUFBRSxFQUFBO0VBQUEsSUFBQUosQ0FBQSxRQUFBbUIsS0FBQTtJQUlHZixFQUFBLElBQUMsSUFBSSxDQUFRZSxLQUFLLENBQUxBLE1BQUksQ0FBQyxDQUFFLGtCQUFrQixFQUFyQyxJQUFJLENBQXdDO0lBQUFuQixDQUFBLE1BQUFtQixLQUFBO0lBQUFuQixDQUFBLE1BQUFJLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFKLENBQUE7RUFBQTtFQUFBLElBQUFvQixFQUFBO0VBQUEsSUFBQXBCLENBQUEsUUFBQVksR0FBQSxJQUFBWixDQUFBLFFBQUFJLEVBQUE7SUFEL0NnQixFQUFBLElBQUMsR0FBRyxDQUFNUixHQUFHLENBQUhBLElBQUUsQ0FBQyxDQUNYLENBQUFSLEVBQTRDLENBQzlDLEVBRkMsR0FBRyxDQUVFO0lBQUFKLENBQUEsTUFBQVksR0FBQTtJQUFBWixDQUFBLE1BQUFJLEVBQUE7SUFBQUosQ0FBQSxNQUFBb0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXBCLENBQUE7RUFBQTtFQUFBLE9BRk5vQixFQUVNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=