claude-code/components/messages/UserPromptMessage.tsx

import { feature } from 'bun:bundle';
import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
import React, { useContext, useMemo } from 'react';
import { getKairosActive, getUserMsgOptIn } from '../../bootstrap/state.js';
import { Box } from '../../ink.js';
import { getFeatureValue_CACHED_MAY_BE_STALE } from '../../services/analytics/growthbook.js';
import { useAppState } from '../../state/AppState.js';
import { isEnvTruthy } from '../../utils/envUtils.js';
import { logError } from '../../utils/log.js';
import { countCharInString } from '../../utils/stringUtils.js';
import { MessageActionsSelectedContext } from '../messageActions.js';
import { HighlightedThinkingText } from './HighlightedThinkingText.js';
type Props = {
  addMargin: boolean;
  param: TextBlockParam;
  isTranscriptMode?: boolean;
  timestamp?: string;
};

// Hard cap on displayed prompt text. Piping large files via stdin
// (e.g. `cat 11k-line-file | claude`) creates a single user message whose
// <Text> node the fullscreen Ink renderer must wrap/output on every frame,
// causing 500ms+ keystroke latency. React.memo skips the React render but
// the Ink output pass still iterates the full mounted text. Non-fullscreen
// avoids this via <Static> (print-and-forget to terminal scrollback).
// Head+tail because `{ cat file; echo prompt; } | claude` puts the user's
// actual question at the end.
const MAX_DISPLAY_CHARS = 10_000;
const TRUNCATE_HEAD_CHARS = 2_500;
const TRUNCATE_TAIL_CHARS = 2_500;
export function UserPromptMessage({
  addMargin,
  param: {
    text
  },
  isTranscriptMode,
  timestamp
}: Props): React.ReactNode {
  // REPL.tsx passes isBriefOnly={viewedTeammateTask ? false : isBriefOnly}
  // but that prop isn't threaded this deep — replicate the override by
  // reading viewingAgentTaskId directly. Computed here (not in the child)
  // so the parent Box can drop its backgroundColor: in brief mode the
  // child renders a label-style layout, and Box backgroundColor paints
  // behind children unconditionally (they can't opt out).
  //
  // Hooks stay INSIDE feature() ternaries so external builds don't pay
  // the per-scrollback-message store subscription (useSyncExternalStore
  // bypasses React.memo). Runtime-gated like isBriefEnabled() but inlined
  // to avoid pulling BriefTool.ts → prompt.ts tool-name strings into
  // external builds.
  const isBriefOnly = feature('KAIROS') || feature('KAIROS_BRIEF') ?
  // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
  useAppState(s => s.isBriefOnly) : false;
  const viewingAgentTaskId = feature('KAIROS') || feature('KAIROS_BRIEF') ?
  // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
  useAppState(s_0 => s_0.viewingAgentTaskId) : null;
  // Hoisted to mount-time — per-message component, re-renders on every scroll.
  const briefEnvEnabled = feature('KAIROS') || feature('KAIROS_BRIEF') ?
  // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
  useMemo(() => isEnvTruthy(process.env.CLAUDE_CODE_BRIEF), []) : false;
  const useBriefLayout = feature('KAIROS') || feature('KAIROS_BRIEF') ? (getKairosActive() || getUserMsgOptIn() && (briefEnvEnabled || getFeatureValue_CACHED_MAY_BE_STALE('tengu_kairos_brief', false))) && isBriefOnly && !isTranscriptMode && !viewingAgentTaskId : false;

  // Truncate before the early return so the hook order is stable.
  const displayText = useMemo(() => {
    if (text.length <= MAX_DISPLAY_CHARS) return text;
    const head = text.slice(0, TRUNCATE_HEAD_CHARS);
    const tail = text.slice(-TRUNCATE_TAIL_CHARS);
    const hiddenLines = countCharInString(text, '\n', TRUNCATE_HEAD_CHARS) - countCharInString(tail, '\n');
    return `${head}\n… +${hiddenLines} lines …\n${tail}`;
  }, [text]);
  const isSelected = useContext(MessageActionsSelectedContext);
  if (!text) {
    logError(new Error('No content found in user prompt message'));
    return null;
  }
  return <Box flexDirection="column" marginTop={addMargin ? 1 : 0} backgroundColor={isSelected ? 'messageActionsBackground' : useBriefLayout ? undefined : 'userMessageBackground'} paddingRight={useBriefLayout ? 0 : 1}>
      <HighlightedThinkingText text={displayText} useBriefLayout={useBriefLayout} timestamp={useBriefLayout ? timestamp : undefined} />
    </Box>;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiVGV4dEJsb2NrUGFyYW0iLCJSZWFjdCIsInVzZUNvbnRleHQiLCJ1c2VNZW1vIiwiZ2V0S2Fpcm9zQWN0aXZlIiwiZ2V0VXNlck1zZ09wdEluIiwiQm94IiwiZ2V0RmVhdHVyZVZhbHVlX0NBQ0hFRF9NQVlfQkVfU1RBTEUiLCJ1c2VBcHBTdGF0ZSIsImlzRW52VHJ1dGh5IiwibG9nRXJyb3IiLCJjb3VudENoYXJJblN0cmluZyIsIk1lc3NhZ2VBY3Rpb25zU2VsZWN0ZWRDb250ZXh0IiwiSGlnaGxpZ2h0ZWRUaGlua2luZ1RleHQiLCJQcm9wcyIsImFkZE1hcmdpbiIsInBhcmFtIiwiaXNUcmFuc2NyaXB0TW9kZSIsInRpbWVzdGFtcCIsIk1BWF9ESVNQTEFZX0NIQVJTIiwiVFJVTkNBVEVfSEVBRF9DSEFSUyIsIlRSVU5DQVRFX1RBSUxfQ0hBUlMiLCJVc2VyUHJvbXB0TWVzc2FnZSIsInRleHQiLCJSZWFjdE5vZGUiLCJpc0JyaWVmT25seSIsInMiLCJ2aWV3aW5nQWdlbnRUYXNrSWQiLCJicmllZkVudkVuYWJsZWQiLCJwcm9jZXNzIiwiZW52IiwiQ0xBVURFX0NPREVfQlJJRUYiLCJ1c2VCcmllZkxheW91dCIsImRpc3BsYXlUZXh0IiwibGVuZ3RoIiwiaGVhZCIsInNsaWNlIiwidGFpbCIsImhpZGRlbkxpbmVzIiwiaXNTZWxlY3RlZCIsIkVycm9yIiwidW5kZWZpbmVkIl0sInNvdXJjZXMiOlsiVXNlclByb21wdE1lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0IHR5cGUgeyBUZXh0QmxvY2tQYXJhbSB9IGZyb20gJ0BhbnRocm9waWMtYWkvc2RrL3Jlc291cmNlcy9pbmRleC5tanMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0S2Fpcm9zQWN0aXZlLCBnZXRVc2VyTXNnT3B0SW4gfSBmcm9tICcuLi8uLi9ib290c3RyYXAvc3RhdGUuanMnXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9pbmsuanMnXG5pbXBvcnQgeyBnZXRGZWF0dXJlVmFsdWVfQ0FDSEVEX01BWV9CRV9TVEFMRSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2FuYWx5dGljcy9ncm93dGhib29rLmpzJ1xuaW1wb3J0IHsgdXNlQXBwU3RhdGUgfSBmcm9tICcuLi8uLi9zdGF0ZS9BcHBTdGF0ZS5qcydcbmltcG9ydCB7IGlzRW52VHJ1dGh5IH0gZnJvbSAnLi4vLi4vdXRpbHMvZW52VXRpbHMuanMnXG5pbXBvcnQgeyBsb2dFcnJvciB9IGZyb20gJy4uLy4uL3V0aWxzL2xvZy5qcydcbmltcG9ydCB7IGNvdW50Q2hhckluU3RyaW5nIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3RyaW5nVXRpbHMuanMnXG5pbXBvcnQgeyBNZXNzYWdlQWN0aW9uc1NlbGVjdGVkQ29udGV4dCB9IGZyb20gJy4uL21lc3NhZ2VBY3Rpb25zLmpzJ1xuaW1wb3J0IHsgSGlnaGxpZ2h0ZWRUaGlua2luZ1RleHQgfSBmcm9tICcuL0hpZ2hsaWdodGVkVGhpbmtpbmdUZXh0LmpzJ1xuXG50eXBlIFByb3BzID0ge1xuICBhZGRNYXJnaW46IGJvb2xlYW5cbiAgcGFyYW06IFRleHRCbG9ja1BhcmFtXG4gIGlzVHJhbnNjcmlwdE1vZGU/OiBib29sZWFuXG4gIHRpbWVzdGFtcD86IHN0cmluZ1xufVxuXG4vLyBIYXJkIGNhcCBvbiBkaXNwbGF5ZWQgcHJvbXB0IHRleHQuIFBpcGluZyBsYXJnZSBmaWxlcyB2aWEgc3RkaW5cbi8vIChlLmcuIGBjYXQgMTFrLWxpbmUtZmlsZSB8IGNsYXVkZWApIGNyZWF0ZXMgYSBzaW5nbGUgdXNlciBtZXNzYWdlIHdob3NlXG4vLyA8VGV4dD4gbm9kZSB0aGUgZnVsbHNjcmVlbiBJbmsgcmVuZGVyZXIgbXVzdCB3cmFwL291dHB1dCBvbiBldmVyeSBmcmFtZSxcbi8vIGNhdXNpbmcgNTAwbXMrIGtleXN0cm9rZSBsYXRlbmN5LiBSZWFjdC5tZW1vIHNraXBzIHRoZSBSZWFjdCByZW5kZXIgYnV0XG4vLyB0aGUgSW5rIG91dHB1dCBwYXNzIHN0aWxsIGl0ZXJhdGVzIHRoZSBmdWxsIG1vdW50ZWQgdGV4dC4gTm9uLWZ1bGxzY3JlZW5cbi8vIGF2b2lkcyB0aGlzIHZpYSA8U3RhdGljPiAocHJpbnQtYW5kLWZvcmdldCB0byB0ZXJtaW5hbCBzY3JvbGxiYWNrKS5cbi8vIEhlYWQrdGFpbCBiZWNhdXNlIGB7IGNhdCBmaWxlOyBlY2hvIHByb21wdDsgfSB8IGNsYXVkZWAgcHV0cyB0aGUgdXNlcidzXG4vLyBhY3R1YWwgcXVlc3Rpb24gYXQgdGhlIGVuZC5cbmNvbnN0IE1BWF9ESVNQTEFZX0NIQVJTID0gMTBfMDAwXG5jb25zdCBUUlVOQ0FURV9IRUFEX0NIQVJTID0gMl81MDBcbmNvbnN0IFRSVU5DQVRFX1RBSUxfQ0hBUlMgPSAyXzUwMFxuXG5leHBvcnQgZnVuY3Rpb24gVXNlclByb21wdE1lc3NhZ2Uoe1xuICBhZGRNYXJnaW4sXG4gIHBhcmFtOiB7IHRleHQgfSxcbiAgaXNUcmFuc2NyaXB0TW9kZSxcbiAgdGltZXN0YW1wLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAvLyBSRVBMLnRzeCBwYXNzZXMgaXNCcmllZk9ubHk9e3ZpZXdlZFRlYW1tYXRlVGFzayA/IGZhbHNlIDogaXNCcmllZk9ubHl9XG4gIC8vIGJ1dCB0aGF0IHByb3AgaXNuJ3QgdGhyZWFkZWQgdGhpcyBkZWVwIOKAlCByZXBsaWNhdGUgdGhlIG92ZXJyaWRlIGJ5XG4gIC8vIHJlYWRpbmcgdmlld2luZ0FnZW50VGFza0lkIGRpcmVjdGx5LiBDb21wdXRlZCBoZXJlIChub3QgaW4gdGhlIGNoaWxkKVxuICAvLyBzbyB0aGUgcGFyZW50IEJveCBjYW4gZHJvcCBpdHMgYmFja2dyb3VuZENvbG9yOiBpbiBicmllZiBtb2RlIHRoZVxuICAvLyBjaGlsZCByZW5kZXJzIGEgbGFiZWwtc3R5bGUgbGF5b3V0LCBhbmQgQm94IGJhY2tncm91bmRDb2xvciBwYWludHNcbiAgLy8gYmVoaW5kIGNoaWxkcmVuIHVuY29uZGl0aW9uYWxseSAodGhleSBjYW4ndCBvcHQgb3V0KS5cbiAgLy9cbiAgLy8gSG9va3Mgc3RheSBJTlNJREUgZmVhdHVyZSgpIHRlcm5hcmllcyBzbyBleHRlcm5hbCBidWlsZHMgZG9uJ3QgcGF5XG4gIC8vIHRoZSBwZXItc2Nyb2xsYmFjay1tZXNzYWdlIHN0b3JlIHN1YnNjcmlwdGlvbiAodXNlU3luY0V4dGVybmFsU3RvcmVcbiAgLy8gYnlwYXNzZXMgUmVhY3QubWVtbykuIFJ1bnRpbWUtZ2F0ZWQgbGlrZSBpc0JyaWVmRW5hYmxlZCgpIGJ1dCBpbmxpbmVkXG4gIC8vIHRvIGF