Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent
, 'i'); if (__m === '*' || __re.test(location.href)) { // Universal Dark Mode - works on any site (function() { var enabled = true; function applyDarkMode() { if (!enabled) return; // Create style element if it doesn't exist var style = document.getElementById('universal-dark-mode-style'); if (!style) { style = document.createElement('style'); style.id = 'universal-dark-mode-style'; document.head.appendChild(style); } // Dark mode CSS - inverts colors but preserves images/video style.textContent = ' /* Invert everything except media */ html { filter: invert(1) hue-rotate(180deg) !important; background: #1a1a2e !important; } /* Restore images, videos, iframes, canvas */ img, video, iframe, canvas, svg, picture, [style*="background-image"] { filter: invert(1) hue-rotate(180deg) !important; } /* Preserve specific elements that should not be inverted */ .no-dark-mode, .no-dark-mode *, [data-theme="light"], [data-theme="light"], .ace_editor, .ace_editor *, .CodeMirror, .CodeMirror *, .monaco-editor, .monaco-editor *, .markdown-body pre, .markdown-body pre *, .highlight, .highlight *, pre code, pre code * { filter: none !important; } /* Fix common UI elements */ .modal, .popup, .dropdown-menu, .tooltip, .popover { filter: invert(1) hue-rotate(180deg) !important; background: #2d2d44 !important; border-color: #444 !important; } /* Scrollbars */ ::-webkit-scrollbar { background: #1a1a2e !important; } ::-webkit-scrollbar-thumb { background: #444 !important; } ::-webkit-scrollbar-thumb:hover { background: #555 !important; } /* Selection */ ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; } ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; } '; } function removeDarkMode() { var style = document.getElementById('universal-dark-mode-style'); if (style) style.remove(); } // Toggle with Alt+Shift+D document.addEventListener('keydown', function(e) { if (e.altKey && e.shiftKey && e.key === 'D') { e.preventDefault(); enabled = !enabled; if (enabled) { applyDarkMode(); console.log('[Universal Dark Mode] Enabled'); } else { removeDarkMode(); console.log('[Universal Dark Mode] Disabled'); } } }); // Apply on load applyDarkMode(); // Re-apply on dynamic content var observer = new MutationObserver(function(mutations) { if (enabled && !document.getElementById('universal-dark-mode-style')) { applyDarkMode(); } }); observer.observe(document.head, { childList: true }); console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle'); })(); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })(); feat(web-shared): extend cn with custom tailwind-merge class groups by mitul-s · Pull Request #2619 · vercel/workflow · GitHub
Skip to content

feat(web-shared): extend cn with custom tailwind-merge class groups - #2619

Merged
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69
Jun 25, 2026
Merged

feat(web-shared): extend cn with custom tailwind-merge class groups#2619
mitul-s merged 1 commit into
mainfrom
c+ms/extend-cn-tailwind-merge-be69

Conversation

@mitul-s

Copy link
Copy Markdown
Contributor

Summary

Teaches tailwind-merge about the design-system typography/material utilities (text-heading-*, text-label-*, text-copy-*, text-button-*, material-*) so that conflicting classes within those groups resolve correctly when merged via cn.

Changes

  • Add packages/web-shared/src/lib/cn.ts with an extendTailwindMerge config covering the custom class groups
  • Move cn out of lib/utils.ts into its own lib/cn module and import it directly from there (no re-export indirection)
  • Repoint the web-shared consumers' cn imports to ../lib/cn

Notes

Verification

  • pnpm --filter @workflow/web-shared typecheck passes
  • Each consumer file changes only its cn import line
Open in WebOpen in Cursor

Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
@vercel

vercelBot commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

@changeset-bot

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 8754769

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
@workflow/nitroPatch
workflowPatch
@workflow/world-testingPatch
@workflow/nuxtPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mitul-s
mitul-s marked this pull request as ready for review June 24, 2026 20:26
@mitul-s
mitul-s requested review from a team and ijjk as code ownersJune 24, 2026 20:27
@mitul-s
mitul-s enabled auto-merge (squash) June 25, 2026 03:01
@mitul-s
mitul-s merged commit 8c12132 into mainJun 25, 2026
58 checks passed
@mitul-s
mitul-s deleted the c+ms/extend-cn-tailwind-merge-be69 branch June 25, 2026 03:02
@github-actionsgithub-actionsBot mentioned this pull request Jun 25, 2026
github-actionsBot added a commit that referenced this pull request Jun 25, 2026
…2619)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

Backport PR opened against stable: #2623. Merge conflicts were resolved by AI — please review carefully. (backport job run)

karthikscale3 pushed a commit that referenced this pull request Jun 25, 2026
…2619) (#2623)
Move cn to its own lib/cn module that teaches tailwind-merge about the
design-system text-heading/text-label/text-copy/text-button/material
utilities, and import it directly from lib/cn.
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
pranaygp added a commit that referenced this pull request Jun 26, 2026
* origin/main: (46 commits)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
Propagate trace context to vercel-workflow.com in workbench instrumentation (#2601)
Reduce workflow build log noise (#2565)
Version Packages (beta) (#2596)
Use text-gray-900 for trace shortcut helper text (#2595)
Trace /flow route initialization (#2592)
Version Packages (beta) (#2591)
feat(web): add trace step shortcut helper (#2582)
...
# Conflicts:
#	workbench/nextjs-turbopack/instrumentation.ts
#	workbench/nextjs-webpack/instrumentation.ts
@github-actionsgithub-actionsBot mentioned this pull request Jun 26, 2026
pranaygp added a commit that referenced this pull request Jun 26, 2026
…edrive
* origin/main: (90 commits)
[ai] Fix "missing text part" stream crash by repairing UI message framing (#2537)
[ci] Fix release "Premature close" by bounding changelog GraphQL batch size (#2669)
[ai] Drop orphan UI chunks after negative-index reconnect (#2082)
Fix trace detail panel Input/Output flicker (selection-driven state machine) (#2637)
[world-local] Scope untagged startup recovery to untagged runs (#2667)
fix(world-postgres): defer loopback worker startup (#2657)
docs: deprecate DurableAgent and WorkflowChatTransport, point to AI SDK WorkflowAgent (#2616)
[web] Fix HTTP/2 in bundled server build so observability reads work (#2632)
[core] Fix turbo-mode step-body writes racing run_started (#2629)
fix(world-postgres): rename setup command (#2644)
chore: ignore workflow swc caches (#2640)
fix(ai): ignore intentional stream aborts (#2635)
fix(nitro): reload steps during Vite HMR (#2572)
[world] Make @workflow/world own its Zod dependency (#2622)
feat(web-shared): extend cn with custom tailwind-merge class groups (#2619)
[world-vercel] Enable HTTP/2 for the events API and stream writes (#2573)
Remove shadow from off-screen marker indicator button (#2614)
Fix discovery of dotted JS workflow imports (#2594)
Version Packages (beta) (#2597)
Thread occurredAt into web-shared entities (#2608)
...
# Conflicts:
#	packages/core/src/runtime/step-executor.ts
#	packages/world-vercel/src/http-client.ts
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.

3 participants

@mitul-s@karthikscale3@cursoragent