Filemedium importancesource

VoiceIndicator.tsx

components/PromptInput/VoiceIndicator.tsx

137
Lines
10810
Bytes
2
Exports
6
Imports
10
Keywords

What this is

This page documents one file from the repository and includes its full source so you can read it without leaving the docs site.

Beginner explanation

This file is one piece of the larger system. Its name, directory, imports, and exports show where it fits. Start by reading the exports and related files first.

How it is used

Start from the exports list and related files. Those are the easiest clues for where this file fits into the system.

Expert explanation

Architecturally, this file intersects with ui-flow. It contains 137 lines, 6 detected imports, and 2 detected exports.

Important relationships

Detected exports

  • VoiceIndicator
  • VoiceWarmupHint

Keywords

textelsereactcolorprocessingsymbolmemo_cache_sentinelopacityfeatureusesettings

Detected imports

  • react/compiler-runtime
  • bun:bundle
  • react
  • ../../hooks/useSettings.js
  • ../../ink.js
  • ../Spinner/utils.js

Source notes

This page embeds the full file contents. Small or leaf files are still indexed honestly instead of being over-explained.

Open parent directory

Full source

import { c as _c } from "react/compiler-runtime";
import { feature } from 'bun:bundle';
import * as React from 'react';
import { useSettings } from '../../hooks/useSettings.js';
import { Box, Text, useAnimationFrame } from '../../ink.js';
import { interpolateColor, toRGBColor } from '../Spinner/utils.js';
type Props = {
  voiceState: 'idle' | 'recording' | 'processing';
};

// Processing shimmer colors: dim gray to lighter gray (matches ThinkingShimmerText)
const PROCESSING_DIM = {
  r: 153,
  g: 153,
  b: 153
};
const PROCESSING_BRIGHT = {
  r: 185,
  g: 185,
  b: 185
};
const PULSE_PERIOD_S = 2; // 2 second period for all pulsing animations

export function VoiceIndicator(props) {
  const $ = _c(2);
  if (!feature("VOICE_MODE")) {
    return null;
  }
  let t0;
  if ($[0] !== props) {
    t0 = <VoiceIndicatorImpl {...props} />;
    $[0] = props;
    $[1] = t0;
  } else {
    t0 = $[1];
  }
  return t0;
}
function VoiceIndicatorImpl(t0) {
  const $ = _c(2);
  const {
    voiceState
  } = t0;
  switch (voiceState) {
    case "recording":
      {
        let t1;
        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
          t1 = <Text dimColor={true}>listening…</Text>;
          $[0] = t1;
        } else {
          t1 = $[0];
        }
        return t1;
      }
    case "processing":
      {
        let t1;
        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
          t1 = <ProcessingShimmer />;
          $[1] = t1;
        } else {
          t1 = $[1];
        }
        return t1;
      }
    case "idle":
      {
        return null;
      }
  }
}

// Static — the warmup window (~120ms between space #2 and activation)
// is too brief for a 1s-period shimmer to register, and a 50ms animation
// timer here runs concurrently with auto-repeat spaces arriving every
// 30-80ms, compounding re-renders during an already-busy window.
export function VoiceWarmupHint() {
  const $ = _c(1);
  if (!feature("VOICE_MODE")) {
    return null;
  }
  let t0;
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
    t0 = <Text dimColor={true}>keep holding…</Text>;
    $[0] = t0;
  } else {
    t0 = $[0];
  }
  return t0;
}
function ProcessingShimmer() {
  const $ = _c(8);
  const settings = useSettings();
  const reducedMotion = settings.prefersReducedMotion ?? false;
  const [ref, time] = useAnimationFrame(reducedMotion ? null : 50);
  if (reducedMotion) {
    let t0;
    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
      t0 = <Text color="warning">Voice: processing…</Text>;
      $[0] = t0;
    } else {
      t0 = $[0];
    }
    return t0;
  }
  const elapsedSec = time / 1000;
  const opacity = (Math.sin(elapsedSec * Math.PI * 2 / PULSE_PERIOD_S) + 1) / 2;
  let t0;
  if ($[1] !== opacity) {
    t0 = toRGBColor(interpolateColor(PROCESSING_DIM, PROCESSING_BRIGHT, opacity));
    $[1] = opacity;
    $[2] = t0;
  } else {
    t0 = $[2];
  }
  const color = t0;
  let t1;
  if ($[3] !== color) {
    t1 = <Text color={color}>Voice: processing…</Text>;
    $[3] = color;
    $[4] = t1;
  } else {
    t1 = $[4];
  }
  let t2;
  if ($[5] !== ref || $[6] !== t1) {
    t2 = <Box ref={ref}>{t1}</Box>;
    $[5] = ref;
    $[6] = t1;
    $[7] = t2;
  } else {
    t2 = $[7];
  }
  return t2;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJ1c2VTZXR0aW5ncyIsIkJveCIsIlRleHQiLCJ1c2VBbmltYXRpb25GcmFtZSIsImludGVycG9sYXRlQ29sb3IiLCJ0b1JHQkNvbG9yIiwiUHJvcHMiLCJ2b2ljZVN0YXRlIiwiUFJPQ0VTU0lOR19ESU0iLCJyIiwiZyIsImIiLCJQUk9DRVNTSU5HX0JSSUdIVCIsIlBVTFNFX1BFUklPRF9TIiwiVm9pY2VJbmRpY2F0b3IiLCJwcm9wcyIsIiQiLCJfYyIsInQwIiwiVm9pY2VJbmRpY2F0b3JJbXBsIiwidDEiLCJTeW1ib2wiLCJmb3IiLCJWb2ljZVdhcm11cEhpbnQiLCJQcm9jZXNzaW5nU2hpbW1lciIsInNldHRpbmdzIiwicmVkdWNlZE1vdGlvbiIsInByZWZlcnNSZWR1Y2VkTW90aW9uIiwicmVmIiwidGltZSIsImVsYXBzZWRTZWMiLCJvcGFjaXR5IiwiTWF0aCIsInNpbiIsIlBJIiwiY29sb3IiLCJ0MiJdLCJzb3VyY2VzIjpbIlZvaWNlSW5kaWNhdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9ob29rcy91c2VTZXR0aW5ncy5qcydcbmltcG9ydCB7IEJveCwgVGV4dCwgdXNlQW5pbWF0aW9uRnJhbWUgfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBpbnRlcnBvbGF0ZUNvbG9yLCB0b1JHQkNvbG9yIH0gZnJvbSAnLi4vU3Bpbm5lci91dGlscy5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgdm9pY2VTdGF0ZTogJ2lkbGUnIHwgJ3JlY29yZGluZycgfCAncHJvY2Vzc2luZydcbn1cblxuLy8gUHJvY2Vzc2luZyBzaGltbWVyIGNvbG9yczogZGltIGdyYXkgdG8gbGlnaHRlciBncmF5IChtYXRjaGVzIFRoaW5raW5nU2hpbW1lclRleHQpXG5jb25zdCBQUk9DRVNTSU5HX0RJTSA9IHsgcjogMTUzLCBnOiAxNTMsIGI6IDE1MyB9XG5jb25zdCBQUk9DRVNTSU5HX0JSSUdIVCA9IHsgcjogMTg1LCBnOiAxODUsIGI6IDE4NSB9XG5cbmNvbnN0IFBVTFNFX1BFUklPRF9TID0gMiAvLyAyIHNlY29uZCBwZXJpb2QgZm9yIGFsbCBwdWxzaW5nIGFuaW1hdGlvbnNcblxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9yKHByb3BzOiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGlmICghZmVhdHVyZSgnVk9JQ0VfTU9ERScpKSByZXR1cm4gbnVsbFxuICByZXR1cm4gPFZvaWNlSW5kaWNhdG9ySW1wbCB7Li4ucHJvcHN9IC8+XG59XG5cbmZ1bmN0aW9uIFZvaWNlSW5kaWNhdG9ySW1wbCh7IHZvaWNlU3RhdGUgfTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBzd2l0Y2ggKHZvaWNlU3RhdGUpIHtcbiAgICBjYXNlICdyZWNvcmRpbmcnOlxuICAgICAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmxpc3RlbmluZ+KApjwvVGV4dD5cbiAgICBjYXNlICdwcm9jZXNzaW5nJzpcbiAgICAgIHJldHVybiA8UHJvY2Vzc2luZ1NoaW1tZXIgLz5cbiAgICBjYXNlICdpZGxlJzpcbiAgICAgIHJldHVybiBudWxsXG4gIH1cbn1cblxuLy8gU3RhdGljIOKAlCB0aGUgd2FybXVwIHdpbmRvdyAofjEyMG1zIGJldHdlZW4gc3BhY2UgIzIgYW5kIGFjdGl2YXRpb24pXG4vLyBpcyB0b28gYnJpZWYgZm9yIGEgMXMtcGVyaW9kIHNoaW1tZXIgdG8gcmVnaXN0ZXIsIGFuZCBhIDUwbXMgYW5pbWF0aW9uXG4vLyB0aW1lciBoZXJlIHJ1bnMgY29uY3VycmVudGx5IHdpdGggYXV0by1yZXBlYXQgc3BhY2VzIGFycml2aW5nIGV2ZXJ5XG4vLyAzMC04MG1zLCBjb21wb3VuZGluZyByZS1yZW5kZXJzIGR1cmluZyBhbiBhbHJlYWR5LWJ1c3kgd2luZG93LlxuZXhwb3J0IGZ1bmN0aW9uIFZvaWNlV2FybXVwSGludCgpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBpZiAoIWZlYXR1cmUoJ1ZPSUNFX01PREUnKSkgcmV0dXJuIG51bGxcbiAgcmV0dXJuIDxUZXh0IGRpbUNvbG9yPmtlZXAgaG9sZGluZ+KApjwvVGV4dD5cbn1cblxuZnVuY3Rpb24gUHJvY2Vzc2luZ1NoaW1tZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgc2V0dGluZ3MgPSB1c2VTZXR0aW5ncygpXG4gIGNvbnN0IHJlZHVjZWRNb3Rpb24gPSBzZXR0aW5ncy5wcmVmZXJzUmVkdWNlZE1vdGlvbiA/PyBmYWxzZVxuICBjb25zdCBbcmVmLCB0aW1lXSA9IHVzZUFuaW1hdGlvbkZyYW1lKHJlZHVjZWRNb3Rpb24gPyBudWxsIDogNTApXG5cbiAgaWYgKHJlZHVjZWRNb3Rpb24pIHtcbiAgICByZXR1cm4gPFRleHQgY29sb3I9XCJ3YXJuaW5nXCI+Vm9pY2U6IHByb2Nlc3NpbmfigKY8L1RleHQ+XG4gIH1cblxuICBjb25zdCBlbGFwc2VkU2VjID0gdGltZSAvIDEwMDBcbiAgY29uc3Qgb3BhY2l0eSA9XG4gICAgKE1hdGguc2luKChlbGFwc2VkU2VjICogTWF0aC5QSSAqIDIpIC8gUFVMU0VfUEVSSU9EX1MpICsgMSkgLyAyXG4gIGNvbnN0IGNvbG9yID0gdG9SR0JDb2xvcihcbiAgICBpbnRlcnBvbGF0ZUNvbG9yKFBST0NFU1NJTkdfRElNLCBQUk9DRVNTSU5HX0JSSUdIVCwgb3BhY2l0eSksXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgY29sb3I9e2NvbG9yfT5Wb2ljZTogcHJvY2Vzc2luZ+KApjwvVGV4dD5cbiAgICA8L0JveD5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLFlBQVk7QUFDcEMsT0FBTyxLQUFLQyxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxXQUFXLFFB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QUVoRSxJQUFJQSxhQUFhO0lBQUEsSUFBQVIsRUFBQTtJQUFBLElBQUFGLENBQUEsUUFBQUssTUFBQSxDQUFBQyxHQUFBO01BQ1JKLEVBQUEsSUFBQyxJQUFJLENBQU8sS0FBUyxDQUFULFNBQVMsQ0FBQyxrQkFBa0IsRUFBdkMsSUFBSSxDQUEwQztNQUFBRixDQUFBLE1BQUFFLEVBQUE7SUFBQTtNQUFBQSxFQUFBLEdBQUFGLENBQUE7SUFBQTtJQUFBLE9BQS9DRSxFQUErQztFQUFBO0VBR3hELE1BQUFZLFVBQUEsR0FBbUJELElBQUksR0FBRyxJQUFJO0VBQzlCLE1BQUFFLE9BQUEsR0FDRSxDQUFDQyxJQUFJLENBQUFDLEdBQUksQ0FBRUgsVUFBVSxHQUFHRSxJQUFJLENBQUFFLEVBQUcsR0FBRyxDQUFDLEdBQUlyQixjQUFjLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztFQUFBLElBQUFLLEVBQUE7RUFBQSxJQUFBRixDQUFBLFFBQUFlLE9BQUE7SUFDbkRiLEVBQUEsR0FBQWIsVUFBVSxDQUN0QkQsZ0JBQWdCLENBQUNJLGNBQWMsRUFBRUksaUJBQWlCLEVBQUVtQixPQUFPLENBQzdELENBQUM7SUFBQWYsQ0FBQSxNQUFBZSxPQUFBO0lBQUFmLENBQUEsTUFBQUUsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQUYsQ0FBQTtFQUFBO0VBRkQsTUFBQW1CLEtBQUEsR0FBY2pCLEVBRWI7RUFBQSxJQUFBRSxFQUFBO0VBQUEsSUFBQUosQ0FBQSxRQUFBbUIsS0FBQTtJQUlHZixFQUFBLElBQUMsSUFBSSxDQUFRZSxLQUFLLENBQUxBLE1BQUksQ0FBQyxDQUFFLGtCQUFrQixFQUFyQyxJQUFJLENBQXdDO0lBQUFuQixDQUFBLE1BQUFtQixLQUFBO0lBQUFuQixDQUFBLE1BQUFJLEVBQUE7RUFBQTtJQUFBQSxFQUFBLEdBQUFKLENBQUE7RUFBQTtFQUFBLElBQUFvQixFQUFBO0VBQUEsSUFBQXBCLENBQUEsUUFBQVksR0FBQSxJQUFBWixDQUFBLFFBQUFJLEVBQUE7SUFEL0NnQixFQUFBLElBQUMsR0FBRyxDQUFNUixHQUFHLENBQUhBLElBQUUsQ0FBQyxDQUNYLENBQUFSLEVBQTRDLENBQzlDLEVBRkMsR0FBRyxDQUVFO0lBQUFKLENBQUEsTUFBQVksR0FBQTtJQUFBWixDQUFBLE1BQUFJLEVBQUE7SUFBQUosQ0FBQSxNQUFBb0IsRUFBQTtFQUFBO0lBQUFBLEVBQUEsR0FBQXBCLENBQUE7RUFBQTtFQUFBLE9BRk5vQixFQUVNO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=