Skip to content

Split diff-annotations.tsx into one file per component - #855

Merged
selfcontained merged 1 commit into
mainfrom
agt_4024d23fe5c9/job-componentizer-7377ffb5
Jul 30, 2026
Merged

Split diff-annotations.tsx into one file per component#855
selfcontained merged 1 commit into
mainfrom
agt_4024d23fe5c9/job-componentizer-7377ffb5

Conversation

@selfcontained

Copy link
Copy Markdown
Owner

What

apps/web/src/components/app/diff-annotations.tsx (551 lines) bundled three unrelated inline diff annotation components in one file. This splits it into one file per exported component:

  • diff-comment-form.tsx (180 lines) — InlineCommentForm
  • diff-feedback-annotation.tsx (229 lines) — InlineFeedbackAnnotation
  • diff-draft-annotation.tsx (148 lines) — InlineDraftAnnotation
  • diff-annotation-style.ts (3 lines) — shared stickyAnnotationStyle constant
  • diff-annotations.tsx — deleted

Why

Queued as next_focus by the componentizer job: classic compound-component file that grew over time. The only consumer is unified-diff-view.tsx, whose import block now points at the three new files. Pure structural move — component bodies are byte-identical; no behavior or rendering changes.

Validation

  • pnpm run finalize:web green (typecheck + production build)
  • pnpm run test:e2e green (175 passed, 12 skipped)
  • Playwright visual pass on a seeded dev stack: feedback annotation (expanded thread + resolution footer), inline comment form, and review-mode draft annotation all render identically; screenshots shared via dispatch media

Next up

browser-extension-settings.tsx (640 lines) — extract pairing flow into a use-extension-pairing hook + setup-instructions subcomponent.

🤖 Generated with Claude Code

diff-annotations.tsx (551 lines) exported three unrelated inline diff
annotation components. Each now lives in its own file:
- diff-comment-form.tsx (InlineCommentForm)
- diff-feedback-annotation.tsx (InlineFeedbackAnnotation)
- diff-draft-annotation.tsx (InlineDraftAnnotation)
- diff-annotation-style.ts (shared sticky width style)
Pure structural move — no behavior or rendering changes.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@selfcontained
selfcontained merged commit 5009869 into mainJul 30, 2026
1 check passed
@selfcontained
selfcontained deleted the agt_4024d23fe5c9/job-componentizer-7377ffb5 branch July 30, 2026 08:21
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@selfcontained