@assistant-ui/react
Version:
TypeScript/React library for AI Chat
29 lines • 1.15 kB
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { Primitive } from "@radix-ui/react-primitive";
import { forwardRef } from "react";
import { useAssistantState } from "../../context/index.js";
/**
* Renders the current interim (partial) transcript while dictation is active.
*
* This component displays real-time feedback of what the user is saying before
* the transcription is finalized and committed to the composer input.
*
* @example
* ```tsx
* <ComposerPrimitive.If dictation>
* <div className="dictation-preview">
* <ComposerPrimitive.DictationTranscript />
* </div>
* </ComposerPrimitive.If>
* ```
*/
export const ComposerPrimitiveDictationTranscript = forwardRef(({ children, ...props }, forwardRef) => {
const transcript = useAssistantState(({ composer }) => composer.dictation?.transcript);
if (!transcript)
return null;
return (_jsx(Primitive.span, { ...props, ref: forwardRef, children: children ?? transcript }));
});
ComposerPrimitiveDictationTranscript.displayName =
"ComposerPrimitive.DictationTranscript";
//# sourceMappingURL=ComposerDictationTranscript.js.map