refactor(dify-ui): finish primitive migration from web/base/ui to @langgenius/dify-ui

[lyzno1]

Summary

Finishes the incremental move of every atomic UI primitive from web/app/components/base/ui/* to @langgenius/dify-ui. After this PR web/app/components/base/ui/ no longer exists.

Full component list now under dify-ui (14 primitives + shared helpers):
alert-dialog, avatar, button, context-menu, dialog, dropdown-menu, number-field, popover, scroll-area, select, slider, switch, toast, tooltip.

Package shape — source subpath exports, one subpath per component (@langgenius/dify-ui/<comp>). No build step in this phase; future npm publishing only needs to point exports at a tsdown dist.

Props pattern (consistent across all 14 components):

Omit<BaseXxx.Root.Props, 'className' | ...> & VariantProps<typeof xxxVariants> & { /* custom */ }

Native HTML attrs, ref, aria-*, data-*, form integration come from base-ui for free; only design decisions (variants, className merge, opinionated callback signatures) are owned by dify-ui.

Tooling / CI bootstrapped

• vitest + happy-dom + @testing-library; dedicated dify-ui-test CI job with v8 coverage uploaded to Codecov under flag dify-ui
• Storybook stories glob extended to ../../packages/dify-ui/src/**
• Tailwind content scans packages/dify-ui/src/**
• peer / dep / devDep split; @dify/tsconfig/react.json introduced so dify-ui does not extend web-flavored configs
• codecov.yml gains dify-ui flag, removed_code_behavior: adjust_base, and a 1% threshold so refactor PRs are not flagged by sub-percent noise

API-debt resolution — overlay primitives (popover, tooltip, select, dropdown-menu, context-menu) each export type { Placement } from their own index; no consumer imports the internal placement.ts / overlay-shared.ts via a standalone subpath. Those two subpath exports are removed from package.json#exports; the files remain as internal implementation.

Codemod — ~2600 web consumer lines rewritten from @/app/components/base/ui/<x> to @langgenius/dify-ui/<x>, including all vi.mock sites (key and path). A handful of stale relative imports (../../ui/..., ./components/base/ui/...) were repaired.

Non-mechanical items

• scroll-area/index.stories.tsx replaced its <AppIcon> usage with a neutral <div> placeholder since AppIcon is a web-only business component.

Verification

• vp run -r type-check — 5 workspaces green
• packages/dify-ui — 14 spec files / 180 tests green; coverage emitted and uploaded to Codecov under flag dify-ui
• web — 2332 spec files / 28698 tests / 2 skipped, all green
• eslint --fix packages/dify-ui/src/**/*.{ts,tsx} — 0 errors

Checklist

• This change requires a documentation update, included: Dify Document
• I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
• I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
• I've updated the documentation accordingly.
• I ran make lint && make type-check (backend) and cd web && pnpm exec vp staged (frontend) to appease the lint gods

From Cursor Agent

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.47%. Comparing base (bd25240) to head (c3e2dbe).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #35349      +/-   ##
==========================================
- Coverage   85.48%   85.47%   -0.01%     
==========================================
  Files        4428     4429       +1     
  Lines      206408   206407       -1     
  Branches    38340    38339       -1     
==========================================
- Hits       176438   176431       -7     
- Misses      26860    26866       +6     
  Partials     3110     3110              

Flag	Coverage Δ
dify-ui	92.51% <100.00%> (?)
web	86.41% <ø> (-0.04%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[crazywoola]

Maybe next version?