fix: UX polish - cursor-pointer, right-align, aria-labels

[Israeltheminer]

Summary

• Added cursor-pointer to breadcrumb navigation buttons in documents view
• Right-aligned numeric columns (scan interval in websites table, duration in executions table)
• Added aria-label to icon-only buttons (copy key button, remove file button) for WCAG 2.1 AA compliance

Files changed

• breadcrumb-navigation.tsx — cursor-pointer on 3 interactive buttons
• use-websites-table-config.tsx — right-aligned scanInterval header + cell
• executions-client.tsx — right-aligned duration header + cell
• api-key-create-dialog.tsx — aria-label on copy button
• customer-import-form.tsx — aria-label on trash/remove button

Test plan

• Verify breadcrumb buttons show pointer cursor on hover
• Verify scan interval and duration columns are right-aligned
• Verify screen reader announces "Copy" and "Remove" for icon buttons

Summary by CodeRabbit

• Accessibility Improvements

  • Added aria-labels to interactive buttons (remove and copy actions) for enhanced screen reader support.

• Style Updates

  • Enhanced visual alignment of table headers and cells for consistency across different data tables.
  • Improved cursor feedback on interactive breadcrumb and button elements.

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR applies UI and accessibility improvements across five components in the platform services. Changes include reformatting imports for consistency, adding aria-label attributes to interactive elements (copy buttons, trash icons), adjusting column header and cell alignment in table configurations (using JSX renderers for right-aligned spans), and enhancing visual feedback through cursor styling. Code formatting updates improve readability in multi-line structures while maintaining existing logic and functionality.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• tale-project/tale\chore: unified file domain model #380: Introduced the isSpreadsheet and SPREADSHEET_IMPORT_ACCEPT imports that are being reformatted in customer-import-form.tsx.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title accurately summarizes the main changes: UX polish improvements including cursor styling, right alignment, and aria-labels for accessibility.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/ux-polish

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

services/platform/app/features/automations/executions/executions-client.tsx (1)

215-229: ⚠️ Potential issue | 🟡 Minor

Missing aria-label on copy button.

Per the PR objectives, icon-only buttons should have aria-label attributes for WCAG 2.1 AA compliance. The copy button in api-key-create-dialog.tsx was updated with an aria-label, but this similar copy button is missing one.

♿ Proposed fix to add aria-label

             <Button
               variant="ghost"
               size="icon"
               className="p-1"
+              aria-label={copiedId === row.original._id ? tCommon('actions.copied') : tCommon('actions.copy')}
               onClick={(e) => {
                 e.stopPropagation();
                 copyToClipboard(row.original._id);
               }}
             >

Alternatively, if there's no actions.copied translation key, a static label works:

             <Button
               variant="ghost"
               size="icon"
               className="p-1"
+              aria-label="Copy execution ID"
               onClick={(e) => {

🤖 Fix all issues with AI agents

In
`@services/platform/app/features/settings/api-keys/components/api-key-create-dialog.tsx`:
- Around line 45-61: The last expires option object in the options list is
single-line while the others are multi-line; update the object with value '0'
(label tSettings('apiKeys.form.expiresOptions.never')) inside the array in
api-key-create-dialog.tsx (within the ApiKeyCreateDialog / expires options
block) to the same multi-line formatting as the other entries for consistency.