feat: migrate app styling to tailwind

[nonnil]

Summary

• Add Tailwind CSS v4 through @tailwindcss/vite and replace the global app.css styling entry with src/styles/tailwind.css.
• Move shell, browse, highlights, reader, and 404 styling into component-local Tailwind classes.
• Add regression coverage that enforces the Tailwind integration and app.css removal.

Verification

• mise exec -- bun run verify
• mise exec -- bun run test:e2e
• mise exec -- bun run dev:smoke
• git diff --check
• pre-push hook: typecheck, test, build

Visual smoke

• /memories desktop: /private/tmp/trauma-tailwind-screens/memories-desktop.png
• /memories mobile: /private/tmp/trauma-tailwind-screens/memories-mobile.png
• /highlights desktop: /private/tmp/trauma-tailwind-screens/highlights-desktop.png
• /memories/:id reader desktop: /private/tmp/trauma-tailwind-screens/reader-desktop.png

Notes

• The existing .memory-grid class is retained only as an E2E hook; styling is Tailwind-based.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 7d2243db-6876-43f7-a6bf-80f8a2bd4967

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch triage-tailwind-migration

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: cad33dc27b

ℹ️ 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".

[nonnil]

LGTM

[nonnil]

review @copilot @codex

[Copilot]

review @copilot @codex

Reviewed. The migration looks clean:

• src/styles/tailwind.css replaces app.css with a proper Tailwind v4 @import "tailwindcss" entry and @theme tokens for the design system colours.
• app.config.ts registers the @tailwindcss/vite plugin correctly.
• All five component files (AppShell, MemoryBrowse, MemoryReader, highlights, 404, and the memory reader route) have had their legacy semantic CSS class names replaced with Tailwind utility classes.
• .memory-grid is retained only as an E2E selector hook, not for styling — that's the right call.
• The contract test in tests/scripts/tailwind-migration.test.ts enforces both the structural requirements (plugin registered, app.css absent, tailwind.css imported) and the removal of the forbidden class names.
• CI on the triage base branch is green.

No issues to flag.

[chatgpt-codex-connector]

To use Codex here, create a Codex account and connect to github.

[chatgpt-codex-connector]

Codex Review: Didn't find any major issues. Keep them coming!

ℹ️ 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".