fix: align Toolkits header (scan all plugin src for Tailwind)

[RhysSullivan]

Problem

The Toolkits content header sits ~12px higher than the sidebar header, so their bottom borders don't line up:

Before	After
header collapsed to ~36px	both headers aligned at 48px

Root cause

The Tailwind v4 @source globs only scanned plugin UI under plugins/*/src/react/**. The toolkits plugin keeps its UI directly in src/ (page.tsx, client.tsx), so Tailwind never scanned those files and any utility class used only there was silently dropped from the generated CSS.

The content header at packages/plugins/toolkits/src/page.tsx uses min-h-12, which is used nowhere else in the codebase. It was never generated, so the header lost its 48px floor and collapsed to ~36px (py-2 + one line) while the sidebar's h-12 stayed 48px.

Confirmed from the built CSS: min-h-12, min-h-36, and space-y-7 were all absent, each used only in the toolkits plugin. (min-h-36 was masked in the running app by an inline minHeight: 9rem fallback on the card; the header had no such fallback.)

Fix

Widen the glob to plugins/*/src/** so all plugin UI is scanned regardless of whether it lives under src/react. This also covers the desktop-settings and example plugins, which have the same src/-not-src/react/ layout.

Verification

Rebuilt apps/local and confirmed min-h-12, min-h-36, and space-y-7 now generate. Visual before/after (real compiled CSS around the real header markup) shows both header borders landing on the 48px baseline.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	executor-marketing	825218b	Commit Preview URL Branch Preview URL	Jun 28 2026, 01:51 AM

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	executor-cloud	825218b	Jun 28 2026, 01:52 AM

[github-actions]

Cloudflare preview

Torn down — the PR is closed.

[greptile-apps]

Greptile Summary

Widens the Tailwind v4 @source glob from plugins/*/src/react/** to plugins/*/src/** so that plugin UI files not nested under src/react/ are included in the CSS scan. This fixes missing utility classes (e.g. min-h-12) for the toolkits plugin, whose UI lives directly in src/ (page.tsx, client.tsx).

• Root cause resolved: the toolkits page.tsx header uses min-h-12, which was silently absent from the generated CSS because the old glob never reached src/page.tsx; widening to src/** covers it and all similarly structured plugins (desktop-settings, example).
• Blast radius is benign: scanning server/test .ts files under src/ via the new glob is harmless — Tailwind's scanner only records class-name tokens and non-UI files carry none.

Confidence Score: 5/5

Safe to merge — the fix is a minimal, targeted one-line glob change that restores previously dropped CSS classes without altering any logic.

The change is a single glob widening in the Tailwind source scanner config. It correctly expands coverage to plugin UI files that live directly under src/ rather than src/react/, matching the layout confirmed in the repo. Scanning additional .ts server/test files is harmless since Tailwind's token extraction is read-only and those files carry no class names.

No files require special attention.

Important Files Changed

Filename	Overview
packages/react/src/styles/globals.css	Glob widened from src/react/** to src/**; correctly adds toolkits and other flat-src plugins to Tailwind's scan, no other changes

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Tailwind v4 build] --> B{Scan @source globs}
    B --> C["packages/react/src/**"]
    B --> D["apps/local/src/**"]
    B --> E["apps/cloud/src/**"]
    B --> F["plugins/*/src/**\n(NEW — was src/react/***)"]
    F --> G["plugins/toolkits/src/react/**\n✅ scanned before & after"]
    F --> H["plugins/toolkits/src/page.tsx\n✅ NOW scanned (was missing)"]
    F --> I["plugins/toolkits/src/client.tsx\n✅ NOW scanned (was missing)"]
    F --> J["plugins/desktop-settings/src/client.tsx\n✅ NOW scanned (was missing)"]
    F --> K["plugins/example/src/client.tsx\n✅ NOW scanned (was missing)"]
    H --> L["min-h-12 class token found"]
    L --> M["CSS rule generated → header aligns at 48px"]

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A[Tailwind v4 build] --> B{Scan @source globs}
    B --> C["packages/react/src/**"]
    B --> D["apps/local/src/**"]
    B --> E["apps/cloud/src/**"]
    B --> F["plugins/*/src/**\n(NEW — was src/react/***)"]
    F --> G["plugins/toolkits/src/react/**\n✅ scanned before & after"]
    F --> H["plugins/toolkits/src/page.tsx\n✅ NOW scanned (was missing)"]
    F --> I["plugins/toolkits/src/client.tsx\n✅ NOW scanned (was missing)"]
    F --> J["plugins/desktop-settings/src/client.tsx\n✅ NOW scanned (was missing)"]
    F --> K["plugins/example/src/client.tsx\n✅ NOW scanned (was missing)"]
    H --> L["min-h-12 class token found"]
    L --> M["CSS rule generated → header aligns at 48px"]

Loading

_{Reviews (1): Last reviewed commit: "fix(react): scan all plugin src for Tail..." | Re-trigger Greptile}