Skip to content

Fix desktop glass chrome and inbox previews#793

Merged
wesbillman merged 2 commits into
mainfrom
misc-design-fixes
May 31, 2026
Merged

Fix desktop glass chrome and inbox previews#793
wesbillman merged 2 commits into
mainfrom
misc-design-fixes

Conversation

@thomaspblock
Copy link
Copy Markdown
Collaborator

Summary

  • Make light-theme glass chrome subtler while preserving stronger dark-mode blur.
  • Change the sidebar profile area to a single blurred overlay and keep scrollable content visible behind it.
  • Render inbox previews with the shared markdown renderer in non-interactive mode and add top padding so channel messages do not sit under the header.

Test plan

  • bin/pnpm --dir desktop exec biome check src/features/sidebar/ui/AppSidebar.tsx
  • bin/pnpm --dir desktop exec biome check src/features/sidebar/ui/AppSidebar.tsx src/features/home/ui/InboxListPane.tsx src/features/home/ui/InboxDetailPane.tsx src/features/chat/ui/ChatHeader.tsx src/features/messages/ui/MessageTimeline.tsx src/features/messages/ui/MessageComposer.tsx src/features/messages/ui/MessageThreadPanel.tsx src/features/channels/ui/AgentSessionThreadPanel.tsx src/shared/ui/markdown.tsx
  • Pre-push hooks passed: desktop tests, Rust clippy/tests, mobile tests, desktop Tauri test/clippy.

Made with Cursor

Co-authored-by: Cursor <cursoragent@cursor.com>
@thomaspblock thomaspblock requested a review from a team as a code owner May 29, 2026 19:50
@wesbillman
Copy link
Copy Markdown
Collaborator

@codex please review

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 73e6ce72f9

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

<PresenceDot
className="h-2.5 w-2.5"
status={selfPresenceStatus}
<SidebarFooter className="absolute inset-x-0 bottom-0 z-30 bg-sidebar/55 shadow-[0_-16px_40px_hsl(var(--sidebar)/0.55)] backdrop-blur-xl supports-[backdrop-filter]:bg-sidebar/45 dark:bg-sidebar/45 dark:shadow-[0_-16px_44px_rgba(0,0,0,0.42)] dark:supports-[backdrop-filter]:bg-sidebar/35">
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep unread-below button above the footer

When there are unread channels below the current scroll position, MoreUnreadButton is still rendered at bottom-0 with z-10, but this newly absolute footer occupies the same bottom edge with z-30. In long channel lists the "more unread below" control is covered by the profile footer and its clicks are intercepted, so users lose the shortcut to jump to the next unread item. Offset the button above the footer or keep it in a higher/non-overlapping layer.

Useful? React with 👍 / 👎.

Comment on lines +171 to +174
<Markdown
className="inline max-w-full text-inherit"
content={item.preview}
interactive={false}
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Render media as plain preview content

For inbox items whose content contains image or video markdown, this new preview path sends the full content through Markdown with interactive={false}, but the markdown renderer only disables links/mentions/message buttons; the img renderer still creates the lightbox/context-menu/video UI. Since this preview is inside the row button, media-only messages can render clickable media controls and alter the row height instead of showing a compact two-line preview. Either strip media for previews or make media rendering honor interactive={false}.

Useful? React with 👍 / 👎.

Co-authored-by: Cursor <cursoragent@cursor.com>
@wesbillman wesbillman merged commit bc23620 into main May 31, 2026
15 checks passed
@wesbillman wesbillman deleted the misc-design-fixes branch May 31, 2026 03:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants