Skip to content

Migrate consumers to @workflowbuilder/ui (2/3: consumers)#45

Open
librowski wants to merge 2 commits into
ui-packagefrom
ui-consumers
Open

Migrate consumers to @workflowbuilder/ui (2/3: consumers)#45
librowski wants to merge 2 commits into
ui-packagefrom
ui-consumers

Conversation

@librowski

@librowski librowski commented Jun 24, 2026

Copy link
Copy Markdown
Collaborator

Part 2 of 3. Stacked on #44 (base branch librowski/ui-package) - review/merge that first. This PR's diff is only the consumer migration.

Summary

Switches sdk / demo / ai-studio off the published @synergycodes/overflow-ui@1.0.0-beta.27 (MUI) onto the in-repo @workflowbuilder/ui (Base UI) added in Part 1, and fixes the resulting API breaks.

Changes

  • 75 imports @synergycodes/overflow-ui@workflowbuilder/ui; dependency → workspace:*; @base-ui/react added to sdk/demo/ai-studio.
  • Removed the LOCAL_OVERFLOW_UI vite aliases, the overflow-ui-css alias, and the dev:local script. SDK index.css now pulls @workflowbuilder/ui/{tokens,index}.css.
  • Fixed the real Base UI API breaks: Switch.onChange(checked, event) and DatePicker date-fns valueFormat. Menu / Select / IconSwitch / Tooltip were already compatible.
  • Renamed in-source references (sdk comments/JSDoc) and the docs code-example imports to @workflowbuilder/ui.
  • Changeset for @workflowbuilder/sdk included.

Verification

  • pnpm install clean; build, build:lib, build:ai-studio, build:docs green; typecheck, lint, test (sdk 184 + execution-core 78) green.
  • Rendered demo + ai-studio in a browser: components styled (layer order, switches, modal backdrop transition, datepicker, select). The base-ui 1.4.1 pin (Part 1) is what keeps the modal backdrop fade working - 1.6.0 regressed it.
  • Nothing resolves @synergycodes/overflow-ui from npm or the old local dist path.

The SDK bundles @workflowbuilder/ui and @base-ui/react into its dist, but
declared them as runtime dependencies - so a published @workflowbuilder/sdk
would 404 on @workflowbuilder/ui (not published) at npm install. Move both to
devDependencies (they are inlined, consumers don't install them).

Add @workflowbuilder/ui to the dts plugin's bundledPackages so its types are
inlined into dist/index.d.ts instead of leaking unresolvable
import('@workflowbuilder/ui') references into the public type surface. Verified:
no real ui/base-ui imports remain in dist/index.d.ts.

Remove the obsolete docs/overflow-ui.md (described the old external
@synergycodes/overflow-ui local-dev flow this migration replaces).
Sign up for free to 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.

2 participants