Function CodeMirrorPromptWidget

src/components/editor/prompt-widget.tsx:27–277

({
  onClose,
  onCancel,
  onSubmit,
  onAccept,
  onReject,
  agentDriver,
}: CodeMirrorPromptWidgetProps)

}

export function CodeMirrorPromptWidget({
  onClose,
  onCancel,
  onSubmit,
  onAccept,
  onReject,
  agentDriver,
}: CodeMirrorPromptWidgetProps) {
  const textareaClassName =
    "absolute left-0 right-0 resize-none p-1 p-2 outline-none";

  const fakeTextareaRef = useRef<HTMLTextAreaElement>(null);
  const textareaRef = useRef<HTMLTextAreaElement>(null);

  const agentList = useMemo(() => {
    if (!agentDriver) return [];
    return agentDriver.list();
  }, [agentDriver]);
  const [selectedAgent, setSelectedAgent] = useState(() =>
    agentDriver?.getDefaultModelName()
  );

  const [previousPrompt, setPreviousPrompt] = useState("");
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(false);
  const [height, setHeight] = useState(60);
  const [prompt, setPrompt] = useState("");
  const cancelTriggered = useRef(false);

  const minHeight = 60;

  const handleResize = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
    if (fakeTextareaRef.current && textareaRef.current) {
      fakeTextareaRef.current.value = e.currentTarget.value;
      const newHeight = Math.max(
        minHeight,
        fakeTextareaRef.current.scrollHeight
      );

      setHeight(Math.max(minHeight, fakeTextareaRef.current.scrollHeight));
      textareaRef.current.style.height = newHeight + "px";
    }
  };

  const showSubmitButton = !previousPrompt && prompt;
  const showSubmitEditButton = previousPrompt && previousPrompt !== prompt;
  const showAcceptButton = prompt === previousPrompt && previousPrompt;

  const triggerSubmit = useCallback(() => {
    if (onSubmit) {
      setLoading(true);
      setError("");
      cancelTriggered.current = false;

      onSubmit(prompt, selectedAgent)
        .then(() => {
          if (!cancelTriggered.current) {
            setPreviousPrompt(prompt);