Skip to content

[bug]: Chat terminal has fixed max-width (max-w-4xl/896px), does not expand with window #1650

@OliPetry

Description

@OliPetry

Bug Description

The main chat terminal container in ChatInterface.tsx and MultiAgentTask.tsx uses Tailwind's max-w-4xl class (896px max-width). This caps the terminal at roughly ~110 columns regardless of how wide the Emdash window is.

When using a wide monitor or full-screen window, the terminal stays capped at 896px and the extra horizontal space is wasted. The sidebar (Context, MCP, Todo panel) already takes ~280px, so on a 1920px screen the terminal only uses about 46% of available width.

Affected code

  • src/renderer/components/ChatInterface.tsx:1252 — terminal container div: max-w-4xl
  • src/renderer/components/ChatInterface.tsx:1164 — tab bar container: max-w-4xl
  • src/renderer/components/MultiAgentTask.tsx:640 — multi-agent terminal: max-w-4xl
  • src/renderer/components/MultiAgentTask.tsx:723 — multi-agent input: max-w-4xl

The FitAddon and ResizeObserver chain works correctly — the terminal would resize to fill the container, but the CSS caps the container width.

Expected Behavior

The chat terminal should scale with the window width, either:

  • Remove max-w-4xl entirely and let the terminal fill available space
  • Use a much wider cap (e.g., max-w-[1600px] or max-w-screen-xl)
  • Make it configurable in settings

Environment

  • emdash v0.4.42
  • macOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions