Function renderEditText

extensions/cli/src/ui/EditMessageSelector.tsx:179–233

()

  }

  const renderEditText = () => {
    if (editText.length === 0) {
      return (
        <Text italic color="gray">
          ▋(empty message)
        </Text>
      );
    }

    // Handle multi-line text with cursor
    const lines = editText.split("\n");
    let charCount = 0;
    let cursorLine = 0;
    let cursorCol = 0;

    // Find which line and column the cursor is on
    for (let i = 0; i < lines.length; i++) {
      if (cursorPosition <= charCount + lines[i].length) {
        cursorLine = i;
        cursorCol = cursorPosition - charCount;
        break;
      }
      charCount += lines[i].length + 1; // +1 for the newline character
    }

    // Handle cursor at the very end
    if (cursorPosition >= editText.length) {
      cursorLine = lines.length - 1;
      cursorCol = lines[cursorLine].length;
    }

    return (
      <Box flexDirection="column">
        {lines.map((line, lineIndex) => {
          if (lineIndex === cursorLine) {
            // Line with cursor
            const beforeCursor = line.slice(0, cursorCol);
            const atCursor = line.slice(cursorCol, cursorCol + 1);
            const afterCursor = line.slice(cursorCol + 1);

            return (
              <Text key={lineIndex}>
                {beforeCursor}
                <Text inverse>{atCursor || " "}</Text>
                {afterCursor}
              </Text>
            );
          } else {
            // Regular line - ensure empty lines still render
            return <Text key={lineIndex}>{line || " "}</Text>;
          }
        })}
      </Box>
    );
  };

  return (
    <Box {...defaultBoxStyles("yellow")}>