Fix padding bug + add space for new chats too

[tokaa1]

Sometimes the padding of chat content would be wrong and look like this (input container is on top of the text):

Also during first message of new chats, output would be covered by cancel button.

Ts pmo 😜👺👺😿😿😿
This fixes both issues, now they always look normal!

Couldn't get a screenshot of second fix (it's just how it normally looks)

---

Important

Fixes chat padding and cancel button coverage issues in GUI() by adjusting padding logic in gui.tsx.

• Behavior:
  • Fixes padding issue in GUI() by removing conditional padding logic for new sessions.
  • Ensures cancel button does not cover first message in new chats by adjusting padding calculation.
• Functions:
  • Updates adjustPadding in gui.tsx to calculate padding based on inputContainerRef height.
  • Modifies useEffect for ResizeObserver to consistently apply padding adjustments.

^{This description was created by for 147e2e5. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 147e2e5 in 52 seconds

More details

• Looked at 25 lines of code in 1 files
• Skipped 0 files when reviewing.
• Skipped posting 5 drafted comments based on config settings.

1. gui/src/pages/gui.tsx:235

• Draft comment:
  Ensure removal of isNewSession logic for newPadding is intentional. This always applies padding, which aligns with the new chat spacing fix.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

2. gui/src/pages/gui.tsx:370

• Draft comment:
  Updated adjustPadding to compute height internally (removing parameter). Verify that all onHeightChange callers no longer require a height argument.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

3. gui/src/pages/gui.tsx:235

• Draft comment:
  Removed the isNewSession condition when calculating padding. Confirm that always adding ${height + 20}px for padding is the intended behavior for new sessions.
• Reason this comment was not posted:
  Comment looked like it was already resolved.

4. gui/src/pages/gui.tsx:376

• Draft comment:
  The adjustPadding callback now fetches the height from inputContainerRef and removes its parameter. Confirm that the ContinueInputBox's onHeightChange callback no longer needs to pass a height.
• Reason this comment was not posted:
  Comment looked like it was already resolved.

5. gui/src/pages/gui.tsx:186

• Draft comment:
  It appears that 'OFFSET_HERUISTIC' might be a typographical mistake. Perhaps you intended to use 'OFFSET_HEURISTIC'?
• Reason this comment was not posted:
  Comment was not on a location in the diff, so it can't be submitted as a review comment.

Workflow ID: wflow_hyvSRCXKjKcMIKDS

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[nang-dev]

Shieeee ok

[nang-dev]

Tysm, we r taking a look

[nang-dev]

@Himanshu-Singh-Chauhan @tokaa1

i think this messes stuff up on PearAI Chat when we enlarge text (cmd+"+")

we'll need to revert or fix!

[tokaa1]

@nang-dev Revert pr is here pr