fix(desktop): make pending failure error messages selectable

[Kitenite]

Summary

• Adds select-text cursor-text break-words to the error message on the pending workspace failure page so users can copy failure details
• Same fix for UpdateRequiredPage error text
• Global user-select: none on body (globals.css) blocks copy on full-page error states; this matches the pattern already used by v1 WorkspaceInitializingView

Test plan

• Trigger a workspace creation failure, confirm the error text on /pending/$pendingId can be selected and copied
• Trigger the update-required error state, confirm the error text can be selected and copied

---

Summary by cubic

Make failure error messages selectable and copyable on the pending workspace and update-required pages so users can copy error details.

• Bug Fixes
  • Added select-text cursor-text break-words to error text on UpdateRequiredPage and /pending/$pendingId.
  • Works around global user-select: none so full-page errors can be copied; aligns with v1 WorkspaceInitializingView.

^{Written for commit 4ac6acc. Summary will update on new commits.}

Summary by CodeRabbit

• Bug Fixes
  • Error messages in update notifications and failed workspace screens are now selectable and copyable, allowing users to easily share error details with support teams.
  • Improved error message display with proper text wrapping and visual feedback when hovering over long error messages for a better user experience.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 78444015-f7bb-4ff2-aaed-51a7e7716619

📥 Commits

Reviewing files that changed from the base of the PR and between bb12c09 and 4ac6acc.

📒 Files selected for processing (2)

• apps/desktop/src/renderer/components/UpdateRequiredPage/UpdateRequiredPage.tsx
• apps/desktop/src/renderer/routes/_authenticated/_dashboard/pending/$pendingId/page.tsx

---

📝 Walkthrough

Walkthrough

Both files updated error message elements with CSS classes (select-text, cursor-text, break-words) to enable text selection, display text cursor, and allow word wrapping for improved readability and user interaction with error text.

Changes

Cohort / File(s)	Summary
Error Message Styling apps/desktop/src/renderer/components/UpdateRequiredPage/UpdateRequiredPage.tsx, apps/desktop/src/renderer/routes/_authenticated/_dashboard/pending/$pendingId/page.tsx	Added CSS classes (select-text, cursor-text, break-words) to error message elements to enable text selection, text cursor display, and word wrapping.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰✨ Error messages bloom with care,
Text now selectable in the air,
Words that wrap and cursors glow,
User delight in copy-paste flow!

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

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.
Description check	❓ Inconclusive	The description covers the key changes with a summary section, test plan, and rationale. However, it does not follow the provided template structure with required sections like Type of Change, Testing, and Related Issues.	Restructure the description to follow the provided template format, including Type of Change (Bug fix), Testing section with actual test steps, and Related Issues if applicable.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main change: making pending failure error messages selectable. It is specific, relevant to the changeset, and follows good naming conventions with the fix scope prefix.

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

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch make-pending-failure-selectable

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[greptile-apps]

Greptile Summary

This PR adds select-text cursor-text break-words Tailwind classes to error message elements in two desktop app pages (UpdateRequiredPage and the pending workspace failure view), allowing users to select and copy error text that was previously blocked by a global user-select: none on the app body.

• Adds select-text cursor-text break-words to the update-error <p> in UpdateRequiredPage.tsx
• Adds the same classes to the workspace-creation-failure <span> in pending/$pendingId/page.tsx
• Consistent with the pattern already applied in WorkspaceInitializingView
• No logic changes; purely a CSS/styling fix for usability

Confidence Score: 5/5

Safe to merge — minimal, targeted CSS fix with no logic changes.

The change is a two-line styling fix using an established pattern already present in the codebase (WorkspaceInitializingView). select-text correctly overrides user-select: none, cursor-text provides the appropriate UX hint, and break-words prevents overflow from long error strings. No logic, state, or data flow is altered.

No files require special attention.

Important Files Changed

Filename	Overview
apps/desktop/src/renderer/components/UpdateRequiredPage/UpdateRequiredPage.tsx	Adds select-text cursor-text break-words to the destructive error <p> shown when the auto-update check fails; correctly overrides the global user-select: none.
apps/desktop/src/renderer/routes/_authenticated/_dashboard/pending/$pendingId/page.tsx	Wraps the workspace creation failure error text in a <span> with select-text cursor-text break-words so users can copy error details; change is minimal and targeted.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[User triggers error state] --> B{Which page?}
    B --> C[UpdateRequiredPage\nauto-update check fails]
    B --> D[PendingWorkspacePage\nworkspace creation fails]
    C --> E["error message with select-text cursor-text break-words"]
    D --> F["pending.error with select-text cursor-text break-words"]
    E --> G[User can select and copy error text\n overrides global user-select none]
    F --> G

Loading

_{Reviews (1): Last reviewed commit: "fix(desktop): make pending workspace fai..." | Re-trigger Greptile}

[cubic-dev-ai]

No issues found across 2 files

[github-actions]

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

• ⚠️ Neon database branch
• ⚠️ Electric Fly.io app

Thank you for your contribution! 🎉