fix(web): restore "Copied" feedback state on copy buttons

[lyzno1]

Important

Fixes #35512.

Summary

useClipboard never flipped copied to true on a successful write, so every UI built on it (icon swap, Copy → Copied tooltip) was stuck on the pre-copy state. The most visible regression is the copy-icon next to the API endpoint URL on /datasets (Service API card), but this hook is shared by several surfaces.

CopyFeedback / CopyFeedbackNew also wired onMouseLeave={reset} on the click target, which would clear the "Copied" state the instant the cursor left the icon — even after fixing the hook, users could not read the confirmation.

Changes

• web/hooks/use-clipboard.ts — call handleCopyResult(true) after a successful writeTextToClipboard, and after the prompt-fallback path when usePromptAsFallback is enabled.
• web/app/components/base/copy-feedback/index.tsx — drop the onMouseLeave={reset} handler on both CopyFeedback and CopyFeedbackNew; rely on the hook's timer instead. Bump the timeout to 2000ms for these surfaces to match the KeyValueItem copy feedback used by the plugin Debug info popover.
• web/app/components/base/copy-feedback/__tests__/index.spec.tsx — update the mouse-leave assertion to verify reset is not called (the timeout drives the revert now).

Screenshots

Before	After
Clicking the copy icon copies the text, but the tooltip stays on Copy and the icon never swaps.	Clicking copies the text, the icon swaps to the filled variant, and the tooltip shows Copied for ~2s before reverting.

Checklist

• This change does not require a documentation update.
• I understand that this PR may be closed in case there was no previous discussion or issues.
• I've updated the existing test for each behavior change.
• I've updated the documentation accordingly.
• I ran pnpm exec vp staged on the touched files.

Made with Cursor

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.57%. Comparing base (61c0948) to head (a61ba21).
⚠️ Report is 3 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #35513   +/-   ##
=======================================
  Coverage   85.57%   85.57%           
=======================================
  Files        4440     4440           
  Lines      207715   207715           
  Branches    38804    38804           
=======================================
+ Hits       177754   177755    +1     
+ Misses      26841    26840    -1     
  Partials     3120     3120           

Flag	Coverage Δ
dify-ui	93.01% <ø> (ø)
web	86.51% <100.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.