fix: show full checklist message tooltip instead of truncated

[hjlarry]

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

fix #35612

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

[lyzno1]

I don’t think tooltip is the right semantic fit here. These checklist messages are primary validation content in an already-expanded details popover, not supplementary hints.

Instead of adding hover-only disclosure logic, I’d suggest rendering the full message directly and allowing it to wrap. We can keep the action aligned with the first line by switching the row alignment to items-start and adding top padding to the right action.

Something like:

<div className="group/item flex items-start gap-2 rounded-lg px-1 ...">
  <ItemIndicator />
  <span className="min-w-0 grow py-1 text-xs leading-4 text-text-warning">
    {sub.message}
  </span>
  <div className="flex shrink-0 items-center gap-0.5 pt-1 pr-0.5 ...">
    ...
  </div>
</div>

This keeps the full validation message readable for mouse, keyboard, and touch users, and avoids adding state/ref measurement just to reveal required content.

[hjlarry]

## Issue

Workflow checklist validation messages are rendered as single-line truncated text in the details popover. When a validation message is long, users cannot read the full message directly, which makes it harder to understand what needs to be fixed.

Fix

• Allow checklist validation messages to wrap instead of truncating them.
• Align checklist rows to the top so the indicator stays associated with the first line of the message.
• Add top padding to the "Go to fix" action so it remains aligned with the first line when the message wraps.