Adjust responsiveness of workflow run tasks tabe

[wintonzheng]

Important

Improve responsiveness of workflow run tasks table and handle failure reasons for canceled tasks in WorkflowBlockCollapsibleContent.tsx and WorkflowRun.tsx.

• Responsiveness Adjustments:
  • Adjust column widths in WorkflowBlockCollapsibleContent.tsx and WorkflowRun.tsx for better responsiveness.
  • Add truncate class to table cells in WorkflowBlockCollapsibleContent.tsx to handle long text.
• Failure Reason Handling:
  • Display failure reason for canceled tasks in WorkflowBlockCollapsibleContent.tsx by checking Status.Canceled.
• Misc:
  • Add title attribute to table cells in WorkflowBlockCollapsibleContent.tsx for better accessibility.
  • Replace TaskListSkeletonRows with a new skeleton loader in WorkflowRun.tsx.

^{This description was created by for bbbca2a. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Incremental review on bbbca2a in 11 seconds

More details

• Looked at 151 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/WorkflowBlockCollapsibleContent.tsx:102

• Draft comment:
  Consider adding a title attribute to this TableCell for better accessibility, similar to other cells. This will help users understand the content on hover.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The PR description mentions adding a title attribute for better accessibility, but it seems to be missing in some places.

2. skyvern-frontend/src/routes/workflows/WorkflowRun.tsx:553

• Draft comment:
  Consider adding a title attribute to this TableHead for better accessibility, similar to other headers. This will help users understand the content on hover.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The PR description mentions adding a title attribute for better accessibility, but it seems to be missing in some places.

Workflow ID: wflow_7Db57e3dB8NGXML0

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to bbbca2a in 14 seconds

More details

• Looked at 151 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 3 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/WorkflowBlockCollapsibleContent.tsx:102

• Draft comment:
  Consider adding a title attribute to this TableCell for better accessibility, similar to other cells. This will help users understand the content on hover.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The PR description mentions adding a title attribute for better accessibility, but it seems to be missing in some places.

2. skyvern-frontend/src/routes/workflows/WorkflowRun.tsx:552

• Draft comment:
  Consider adding a title attribute to this TableHead for better accessibility, similar to other headers. This will help users understand the content on hover.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The PR description mentions adding a title attribute for better accessibility, but it seems to be missing in some places.

3. skyvern-frontend/src/routes/workflows/WorkflowRun.tsx:553

• Draft comment:
  Consider adding a title attribute to this TableHead for better accessibility, similar to other headers. This will help users understand the content on hover.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The PR description mentions adding a title attribute for better accessibility, but it seems to be missing in some places.

Workflow ID: wflow_FCXxTCbcknfdTqXP

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.