make sure chatbox height adjusts to its content

wavetermdev · May 16, 2024 · 1eaecb0 · 1eaecb0
1 parent f4807c3
commit 1eaecb0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/line/linecomps.tsx b/src/app/line/linecomps.tsx
@@ -121,6 +121,7 @@ class LineActions extends React.Component<{ screen: LineContainerType; line: Lin
  const termWrap = screen.getTermWrap(line.lineid);
  const cmd = screen.getCmd(line);
  if (termWrap && cmd) {
+ // console.log("screen.getUsedRows()", screen.getCmd(line)?.getUsedRows());
  GlobalModel.sidebarchatModel.setCmdAndOutput(
  screen.getCmd(line)?.getCmdStr(),
  termWrap?.getOutput(false),

diff --git a/src/app/sidebar/aichat.tsx b/src/app/sidebar/aichat.tsx
@@ -177,14 +177,14 @@ class ChatSidebar extends React.Component<{}, {}> {
  if (GlobalModel.sidebarchatModel.getFocus("input")) {
  this.textAreaRef.current.focus();
  }
-
  if (GlobalModel.sidebarchatModel.hasCmdAndOutput()) {
  const newCmdAndOutput = GlobalModel.sidebarchatModel.getCmdAndOutput();
  const newValue = this.formChatMessage(newCmdAndOutput);
  if (newValue !== this.value.get()) {
  this.value.set(newValue);
  }
  }
+ this.adjustTextAreaHeight();
  }
 
  componentDidMount() {
@@ -212,13 +212,16 @@ class ChatSidebar extends React.Component<{}, {}> {
  onTextAreaChange(e) {
  const newValue = e.target.value;
  this.value.set(newValue);
+ this.adjustTextAreaHeight();
+ }
 
+ adjustTextAreaHeight() {
  if (this.textAreaRef.current == null) {
  return;
  }
 
  // Adjust the height of the textarea to fit the text
- const textAreaMaxLines = 4;
+ const textAreaMaxLines = 100;
  const textAreaLineHeight = this.termFontSize * 1.5;
  const textAreaMinHeight = textAreaLineHeight;
  const textAreaMaxHeight = textAreaLineHeight * textAreaMaxLines;