refactor: add console client migration demo

[hyoban]

Important

1. Make sure you have read our contribution guidelines
2. Ensure there is an associated issue and you have been assigned to it
3. Use the correct syntax to link this PR: Fixes #<issue number>.

Summary

close #36299

Screenshots

Before	After
...	...

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

[codecov]

Codecov Report

❌ Patch coverage is 50.00000% with 8 lines in your changes missing coverage. Please review.
✅ Project coverage is 85.94%. Comparing base (1925d58) to head (ba2c9c0).
⚠️ Report is 9 commits behind head on main.

Files with missing lines	Patch %	Lines
web/service/common.ts	50.00%	4 Missing ⚠️
web/service/use-common.ts	0.00%	2 Missing ⚠️
web/service/use-log.ts	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #36300      +/-   ##
==========================================
- Coverage   85.94%   85.94%   -0.01%     
==========================================
  Files        4458     4455       -3     
  Lines      211298   211250      -48     
  Branches    39503    39487      -16     
==========================================
- Hits       181593   181549      -44     
+ Misses      26501    26497       -4     
  Partials     3204     3204              

Flag	Coverage Δ
dify-ui	94.59% <ø> (ø)
web	86.55% <50.00%> (-0.01%)	⬇️

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.