Fix canvas tab shadow clipping

[ojowwalker77]

Summary

• reserve scroll-viewport overflow for the board tab shadows
• keep the existing tab coordinates and visible picker footprint
• preserve the top-right control lane and shared dark-theme surface styling

Validation

• swiftc -parse Sources/ComposerApp/Views/ComposerCanvas.swift
• git diff --check

Fixes #110

Note

Fix shadow clipping on canvas tab board picker pills

The board picker's LazyHStack was clipping pill drop shadows to a hard edge in light themes. The fix expands the ScrollView viewport by the shadow overflow amount, offsets it back, and clamps the outer layout to the original dimensions — making shadows fade naturally without shifting the tab row or overlapping top-right controls. .contentShape(.interaction, Rectangle()) is applied to restrict hit-testing to the visible row, so the extra padding area does not intercept canvas gestures.

^{Macroscope summarized cc6a007.}

Summary

• Prevent light-theme canvas-tab shadows from clipping.
• Reserve shadow overflow without changing tab coordinates or picker footprint.
• Preserve top-right controls and dark-theme styling.
• Limit board-picker hit testing to the visible row area.
• Add an unreleased changelog entry.
• Validate with swiftc -parse and git diff --check.

[coderabbitai]

📝 Walkthrough

Walkthrough

The board picker now reserves space for popup shadows in light themes. Nested frames and offsets prevent tab movement and control overlap. The interaction shape remains limited to the original picker bounds. The changelog records the fix.

Changes

Canvas tab shadow spacing

Layer / File(s)	Summary
Shadow-aware picker layout Sources/ComposerApp/Views/ComposerCanvas.swift, CHANGELOG.md	The picker calculates shadow overflow and row height, applies shadow-aware padding and offsets, preserves the original interaction bounds, and documents the fix under Unreleased.

Estimated code review effort: 2 (Simple) | ~10 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	The changes address issue #110 by preventing light-theme shadow clipping while preserving tab geometry and dark-theme appearance.
Out of Scope Changes check	✅ Passed	The code and changelog changes are directly related to the canvas tab shadow clipping fix and its documented behavior.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the primary change: fixing clipped shadows on canvas tabs.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch t3code/address-issue-110

---

_{Comment @coderabbitai help to get the list of available commands.}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 5619ebdaeb

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[cubic-dev-ai]

Review completed against the latest diff

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>