chore: Tailwind v4 canonical classes + tsconfig cleanup by tomymaritano · Pull Request #151 · dripnex/readide

tomymaritano · 2026-03-13T19:43:46Z

Summary

Migrated all Tailwind CSS classes to v4 canonical names (bg-gradient-to-* → bg-linear-to-*, opacity fractions simplified)
Removed deprecated baseUrl and unused paths from ai-assistant and command-registry tsconfigs

Changes

24 files across apps/web components and 2 package tsconfigs
No logic changes — purely class name modernization and config cleanup

Test plan

pnpm typecheck passes 18/18
pnpm test passes
Visual check of web app (Tailwind classes should render identically)

🤖 Generated with Claude Code

Summary by CodeRabbit

Style
- Standardized border opacity values and color styling across the application for improved visual consistency.
- Updated gradient utilities to use a unified styling approach throughout UI components.
- Refined background and border color tokens with shorter opacity syntax for cleaner styling declarations.
- Applied consistent opacity values to buttons, dividers, badges, and decorative elements across marketing pages and navigation.

Prepare release/0.9.0 with version bumps in root and desktop package.json files, and update CHANGELOG with all changes since 0.1.2. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Add Phases 6-12 strategic roadmap covering workspace enhancement, command palette evolution, AI workflows, knowledge retrieval, and developer workflows. Remove tracked ._* resource fork files from exFAT volume. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Configure Vercel to build apps/web from the monorepo root using pnpm workspaces. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Critical: - Guard apiClient post-refresh retry to prevent infinite 401 loop Major: - Treat transient refresh errors as retryable, not logout-worthy - Use ApiError.statusCode for auth-expiry detection in syncService - Handle intentional sync abort gracefully (no false error status) - Use product-config facade labels for pricing display - Fix FaqAccordion accessibility (ARIA roles, tab semantics) - Fix Testimonials semantic HTML (figcaption, star rating aria) - Add aria-labelledby to WhyLocal section - Fix animated-grid-pattern memory leak (mount guard, cleanup) - Fix hero-video-dialog keyboard handling (Escape via useEffect) Minor: - Guard LoginModal reset against rapid reopen race condition - Fix fallback color to match teal accent scheme - URL-encode auth verify token in deep links - Fix import order in docs layout - Suppress transitions in prefers-reduced-motion - Stabilize animated-beam random duration with useMemo - Add focus management to hero-video-dialog Nitpick: - Rename LoginModal → EnableSyncModal to match export name - Extract CSS color tokens for ai-panel and global styles - Improve Footer, dot-pattern, and docs page component quality Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

- Rename confusing `useSettingsStore` variable to `hasSettingsKey` in AiPanel - Add loading="lazy" to hero video thumbnail image Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

When a release/* PR merges to main: 1. Creates git tag vX.Y.Z from package.json version 2. Merges main back to develop (Git Flow sync) This triggers the existing release.yml workflow which builds distributables and creates the GitHub Release. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

- Add validate job to release.yml: fails if tag doesn't match package.json - Document SemVer convention (v* prefix) and tag protection rules - Tags created only by GitHub Actions via auto-tag.yml Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Phase 4 (AI Knowledge): - Wire ai:summarize, ai:rewrite, ai:tweet with real Claude prompts - Add built-in prompt templates (summarize, rewrite, tweet) - AiPanel auto-executes pre-filled commands with output routing - Support replace-selection, insert-at-cursor, and panel output targets Phase 5 (Extensibility): - Create useRegisterPluginAiCommands hook bridging aiCommandStore → CommandRegistry - Plugin AI commands auto-appear in command palette - Template resolution with editor context (selection, note, title) - Dynamic registration/cleanup on plugin load/unload Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Remove eslint-disable comment for non-existent react-hooks/exhaustive-deps rule definition, and reorder @readied/ai-assistant imports before relative imports per import-x/order rule. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

…ated baseUrl - Replace bg-gradient-to-* with bg-linear-to-* across web components - Simplify opacity fractions (e.g. white/[0.06] → white/6) - Remove unused baseUrl and paths from ai-assistant and command-registry tsconfigs Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

vercel · 2026-03-13T19:43:51Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
readide	Ready	Preview, Comment	Mar 13, 2026 7:55pm

coderabbitai · 2026-03-13T19:43:53Z

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

The PR updates Tailwind CSS utilities across the web application from bracketed arbitrary value syntax (e.g., border-white/[0.06]) to shorthand numeric syntax (e.g., border-white/6), and replaces gradient utility names from bg-gradient-to-* with bg-linear-to-*. Additionally, TypeScript path alias configurations are removed from two package configs. No functional logic changes introduced.

Changes

Cohort / File(s)	Summary
Marketing Auth Pages `apps/web/app/(marketing)/auth/verify/AuthVerifyContent.tsx`, `apps/web/app/(marketing)/auth/verify/page.tsx`, `apps/web/app/(marketing)/shared/SharedNoteContent.tsx`, `apps/web/app/(marketing)/shared/page.tsx`	Updated border color opacity from bracketed syntax (`border-white/[0.06]`, `border-white/[0.08]`) to shorthand (`border-white/6`, `border-white/8`).
Marketing Page Routes `apps/web/app/(marketing)/changelog/page.tsx`, `apps/web/app/(marketing)/download/page.tsx`, `apps/web/app/(marketing)/pricing/page.tsx`, `apps/web/app/(marketing)/subscription/cancel/page.tsx`, `apps/web/app/(marketing)/subscription/success/page.tsx`	Updated background and border opacity utilities from bracketed to shorthand syntax; changelog also updated hover effect opacity from `hover:bg-white/[0.02]` to `hover:bg-white/2`.
Global Styling & Error Page `apps/web/app/globals.css`, `apps/web/app/not-found.tsx`	Updated border opacity utilities to shorthand syntax; globals.css also replaced gradient utilities from `bg-gradient-to-r` to `bg-linear-to-r`.
Navigation & Core Components `apps/web/components/Navbar.tsx`, `apps/web/components/NavDropdown.tsx`, `apps/web/components/Footer.tsx`, `apps/web/components/NewsletterForm.tsx`	Updated border and background opacity from bracketed to shorthand syntax; Footer replaced gradient utilities with linear gradient equivalents.
Form & Plugin Components `apps/web/components/PluginFilter.tsx`, `apps/web/components/SubscribeFlow.tsx`	Updated border and background opacity utilities across input, button, and plan card elements; SubscribeFlow also adjusted stroke widths on SVG elements.
Magic UI Components `apps/web/components/magicui/animated-shiny-text.tsx`, `apps/web/components/magicui/border-beam.tsx`, `apps/web/components/magicui/hero-video-dialog.tsx`	Replaced gradient utilities from `bg-gradient-to-` to `bg-linear-to-` format; hero-video-dialog also updated border opacity syntax.
Landing Components `apps/web/components/landing/Hero.tsx`, `apps/web/components/landing/VideoGuides.tsx`	Extensive updates replacing gradient utilities with linear variants and converting opacity syntax to shorthand across video mock, editor mock, and CTA sections.
TypeScript Configuration `packages/ai-assistant/tsconfig.json`, `packages/command-registry/tsconfig.json`	Removed module path alias configuration (baseUrl and paths mappings) while preserving outDir settings.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

PR #148: Modifies the same marketing auth verify component with functional UI changes alongside styling tweaks
PR #149: Updates Tailwind class names and opacity tokens across overlapping files including AuthVerifyContent, globals.css, Footer, and Navbar
PR #142: Makes overlapping styling changes to the same files and color/opacity utility tokens in globals.css and marketing pages

Suggested labels

app:web

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 13.64% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: Tailwind v4 canonical class migrations and tsconfig cleanup, which aligns with the extensive file updates across 24 files.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings (stacked PR)
📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch chore/tailwind-v4-canonical-classes

📝 Coding Plan

Generate coding plan for human review comments

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

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

## Release v0.9.0 ### Highlights - **Auth → Payment → Sync flow**: License-gated sync with smart step routing in EnableSyncModal - **Stripe checkout**: Monthly (€2/mo) and annual (€20/year) plan selection - **Sidebar drag-and-drop**: Grip handle, circular reference prevention, child depth propagation - **CI/CD**: Auto-deploy API — develop → staging, main → production - **Design tokens**: SyncStatusIndicator uses CSS variables instead of hardcoded colors - **AI features**: Command execution, plugin bridge, knowledge system (Phase 4-5) - **UI cleanup**: Tailwind v4 canonical classes, removed dead design-system package ### Changes since v0.8.0 - feat(sync): connect auth → payment → sync flow with license gating (#154) - chore: Tailwind v4 canonical classes + tsconfig cleanup (#151) - feat(ai): complete Phase 4-5 — AI command execution + plugin bridge (#150) - feat(ai,plugins): complete Phase 4-5 — AI knowledge & extensibility - feat(desktop,api): complete Phase 1-3 roadmap implementation ### Checklist - [x] `pnpm typecheck` passes - [x] `pnpm test` passes - [x] `package.json` version is `0.9.0` - [x] All features merged to develop first - [x] API production secrets configured (Stripe, Resend) 🤖 Generated with [Claude Code](https://claude.com/claude-code)  ## Summary by CodeRabbit # Release Notes * **New Features** * Added AI-powered text commands (summarize, rewrite, tweet) with plugin integration. * Introduced drag-and-drop notebook reordering with automatic circular reference protection. * Enhanced sync onboarding with license-based feature gating. * Improved magic link authentication with automatic verification. * **Bug Fixes** * Fixed token refresh infinite loop handling. * Added URL encoding for verification links. * Improved cleanup for animated UI components. * **Improvements** * Enhanced error handling for authentication and sync failures. * Added accessibility attributes (ARIA labels, semantic HTML). * Updated visual styling with new token-driven design system. * **Refactor** * Migrated from design-system package to plugin-api package. * Consolidated design tokens and theme system. * **Chores** * Updated GitHub Actions release automation. * Refreshed project documentation and contribution guidelines.  --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

tomymaritano and others added 10 commits March 13, 2026 15:04

chore(release): bump version to 0.9.0

8a9c809

Prepare release/0.9.0 with version bumps in root and desktop package.json files, and update CHANGELOG with all changes since 0.1.2. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

chore: add vercel.json for monorepo deployment

e06bb1b

Configure Vercel to build apps/web from the monorepo root using pnpm workspaces. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: remaining nitpick fixes from CodeRabbit review

05dc2ed

- Rename confusing `useSettingsStore` variable to `hasSettingsKey` in AiPanel - Add loading="lazy" to hero video thumbnail image Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

vercel Bot deployed to Preview March 13, 2026 19:44 View deployment

Merge branch 'develop' into chore/tailwind-v4-canonical-classes

7cc290e

github-actions Bot enabled auto-merge (squash) March 13, 2026 19:55

github-actions Bot added app:web size/M labels Mar 13, 2026

vercel Bot deployed to Preview March 13, 2026 19:55 View deployment

github-actions Bot merged commit e908280 into develop Mar 13, 2026
14 of 15 checks passed

tomymaritano mentioned this pull request Mar 14, 2026

chore: release v0.9.0 #155

Merged

5 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

chore: Tailwind v4 canonical classes + tsconfig cleanup#151

chore: Tailwind v4 canonical classes + tsconfig cleanup#151
github-actions[bot] merged 11 commits into
developfrom
chore/tailwind-v4-canonical-classes

tomymaritano commented Mar 13, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

vercel Bot commented Mar 13, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Mar 13, 2026 •

edited

Loading

Review failed

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested labels

❌ Failed checks (1 warning)

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

tomymaritano commented Mar 13, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changes

Test plan

Summary by CodeRabbit

Uh oh!

vercel Bot commented Mar 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai Bot commented Mar 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review failed

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested labels

❌ Failed checks (1 warning)

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

tomymaritano commented Mar 13, 2026 •

edited by coderabbitai Bot

Loading

vercel Bot commented Mar 13, 2026 •

edited

Loading

coderabbitai Bot commented Mar 13, 2026 •

edited

Loading