Fix input box overflow on non-maximized windows

[Copilot]

Input box appears half outside the screen when window is not maximized (issue #3881).

Changes

• Added box-sizing: border-box to Container styled components in Inputbar.tsx and AgentSessionInputbar.tsx

Technical Details

The containers had width: 100% with padding: 0 18px 18px 18px but no box-sizing declaration. By default, padding is added to the width (content-box), causing the total width to exceed viewport bounds:

/* Before: total width = 100% + 36px */
padding: 0 18px 18px 18px;

/* After: total width = 100% (padding included) */
padding: 0 18px 18px 18px;
box-sizing: border-box;

This ensures the input bar respects viewport constraints at all window sizes.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdn.sheetjs.com
  • Triggering command: /usr/local/bin/node /home/REDACTED/work/cherry-studio/cherry-studio/.yarn/releases/yarn-4.9.1.cjs install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[Bug]: half input box outside the screen</issue_title>
<issue_description>### Issue Checklist

• I understand that issues are for feedback and problem solving, not for complaining in the comment section, and will provide as much information as possible to help solve the problem.
• My issue is not listed in the FAQ.
• I've looked at pinned issues and searched for existing Open Issues, Closed Issues, and Discussions, no similar issue or discussion was found.
• I've filled in short, clear headings so that developers can quickly identify a rough idea of what to expect when flipping through the list of issues. And not "a suggestion", "stuck", etc.
• I've confirmed that I am using the latest version of Cherry Studio.

Platform

Windows

Version

v1.6.5

Bug Description

https://github.com/user-attachments/assets/323d029a-2a0d-452d-851e-cd10665ab414
happens when the window not maximized.

Steps To Reproduce

/

Expected Behavior

/

Relevant Log Output

Additional Context

No response</issue_description>

Comments on the Issue (you are @copilot in this section)

@GeorgeDong32

[!NOTE]
This issue/comment/review was translated by Claude.

I tried to reproduce this on my side but couldn't. It might be caused by custom CSS not being properly adapted. Could you please switch back to the default theme and try again to see if the problem persists?

---

Original Content

我这边试了一下没能复现，感觉可能是自定义CSS没有适配好导致的，能��帮忙换回默认主题再试试看有没有问题

• Fixes [Bug]: half input box outside the screen #10976

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.