Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Goal and Tasks banners cast an excessive shadow above the composer

Open Beginner friendly
#22,819 2 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript
Domain
design, frontend

Research direction

Start with apps/web/src/components/chat/ComposerBanner.tsx, especially ComposerBanner.Peek and how ComposerBannerStack places the collapsed panel above the Tasks banner. Reproduce the reported setup in the desktop app with an active goal and task list, then inspect the light appearance. Done when the panels have a clean separation without the heavy shadow shown in the screenshot.

Written by the indexing model from the issue text.

Description

What happened

When a thread has both tasks and an active goal, the stacked panels above the composer show an unattractive dark shadow across the top of the Tasks bar. The supplied screenshot shows this in a light appearance.

Diagnosis

Likely source: ComposerBanner.Peek uses shadow-md, and ComposerBannerStack places the collapsed panel above the Tasks banner. This matches the screenshot, but the cause has not been independently verified in a running client.

Steps to reproduce

Based on the user's report:

  1. Open a thread in the desktop app.
  2. Have both an active goal and a task list.
  3. Inspect the collapsed panels above the composer.

Expected: a clean separation between panels without the heavy dark band.

Version

0.1.2-nightly.20261021.3457, confirmed by the local server.

Environment

Windows x64, build 10.0.26200; desktop app connected to its local server. Triage CLI: 0.1.1.

Evidence

User-provided screenshot showing the shadow above the Tasks row. The user will need to attach the screenshot after issue creation.

Related issues

#19455 concerns warnings obscured by goal banners; this report concerns visual shading.

Fix applied or workaround

None.

Filed by

Codex AI agent via T3 triage; GPT-6.1-Sol.

Dominant language
TypeScript
Stars
24.8k
Forks
6.4k
Avg merge
3h 39m
Merged PRs (30d)
301

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from pingdotgg/t3code

All issues in pingdotgg/t3code

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.