Function FeedbackContainer

cli/src/components/feedback-container.tsx:19–181

({
  inputRef,
  onExitFeedback,
  width,
})

}

export const FeedbackContainer: React.FC<FeedbackContainerProps> = ({
  inputRef,
  onExitFeedback,
  width,
}) => {
  const {
    feedbackMode,
    feedbackText,
    feedbackCursor,
    feedbackCategory,
    feedbackMessageId,
    feedbackFooterMessage,
    isSubmitting,
    errors,
    setFeedbackText,
    setFeedbackCursor,
    setFeedbackCategory,
  } = useFeedbackStore(
    useShallow((state) => ({
      feedbackMode: state.feedbackMode,
      feedbackText: state.feedbackText,
      feedbackCursor: state.feedbackCursor,
      feedbackCategory: state.feedbackCategory,
      feedbackMessageId: state.feedbackMessageId,
      feedbackFooterMessage: state.feedbackFooterMessage,
      isSubmitting: state.isSubmitting,
      errors: state.errors,
      setFeedbackText: state.setFeedbackText,
      setFeedbackCursor: state.setFeedbackCursor,
      setFeedbackCategory: state.setFeedbackCategory,
    })),
  )

  const { messages, agentMode, sessionCreditsUsed } = useChatStore(
    useShallow((state) => ({
      messages: state.messages,
      agentMode: state.agentMode,
      sessionCreditsUsed: state.sessionCreditsUsed,
    })),
  )

  const handleFeedbackSubmit = useCallback(() => {
    const store = useFeedbackStore.getState()
    if (store.isSubmitting) return

    const { clientFeedbackId } = store
    if (!clientFeedbackId) return

    const text = feedbackText.trim()
    if (!text) {
      return
    }

    store.setIsSubmitting(true)

    const { target, recentMessages } = buildMessageContext(messages, feedbackMessageId)
    const payload = buildFeedbackPayload({
      text,