fix: ui papercuts #292

2026-06-20T21:28:07Z

talksik commented

2026-06-20 21:28:07 +00:00

(Migrated from github.com)

Summary by CodeRabbit

Bug Fixes
- Improved avatar image rendering so the avatar image is consistently shown, with initials fallback preserved.
Style
- Refined sidebar sizing behavior for more consistent layout.
- Improved chat row text presentation, including clipping control and more reliable long-text wrapping.
Chores
- Updated project ignore settings to exclude a local editor file.

## Summary by CodeRabbit * **Bug Fixes** * Improved avatar image rendering so the avatar image is consistently shown, with initials fallback preserved. * **Style** * Refined sidebar sizing behavior for more consistent layout. * Improved chat row text presentation, including clipping control and more reliable long-text wrapping. * **Chores** * Updated project ignore settings to exclude a local editor file.

coderabbitai[bot] commented

2026-06-20 21:28:15 +00:00

(Migrated from github.com)

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Free

Run ID: bef93536-2413-4140-be65-3b54e1e38be6

📥 Commits

Reviewing files that changed from the base of the PR and between dfcba82aa4 and 62323e42b2.

📒 Files selected for processing (1)

js/desktop/src/features/particles/stream-list-sidebar.tsx

💤 Files with no reviewable changes (1)

js/desktop/src/features/particles/stream-list-sidebar.tsx

📝 Walkthrough

Walkthrough

Minor UI layout and avatar rendering adjustments: HumanAvatar unconditionally renders AvatarImage, StreamListSidebar switches to a fixed w-60 width with overflow-hidden and overflow-wrap:anywhere on text particles, and project.el is added to .gitignore.

Changes

UI Layout and Avatar Fixes

Layer / File(s)	Summary
HumanAvatar unconditional image render `js/desktop/src/components/human-avatar.tsx`	`AvatarImage` is now always rendered with `src={url}` regardless of whether `url` is defined, removing the prior conditional guard.
StreamListSidebar width and overflow fixes `js/desktop/src/features/particles/stream-list-sidebar.tsx`	Sidebar root uses `w-60` instead of `max-w-60`; `ChatRow` removes `w-full`; inner content wrapper adds `overflow-hidden`; text particle `<p>` adds `[overflow-wrap:anywhere]`.

Gitignore Update

Layer / File(s)	Summary
Add project.el to .gitignore `.gitignore`	`project.el` is added as an ignored file pattern.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐇 A sidebar now fixed, no wobble in sight,
The avatar image shines, day and night.
Overflow hidden, the words wrap with grace,
project.el hidden, tucks into its place.
Hop hop hooray for a tidier space! 🌿

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

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

[![Review Change Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/flowy-live/llink/pull/292?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)  <details> <summary>ℹ️ Recent review info</summary> <details> <summary>⚙️ Run configuration</summary> **Configuration used**: defaults **Review profile**: CHILL **Plan**: Free **Run ID**: `bef93536-2413-4140-be65-3b54e1e38be6` </details> <details> <summary>📥 Commits</summary> Reviewing files that changed from the base of the PR and between dfcba82aa4f64a513c4251fe4cca7ee292e083b5 and 62323e42b2a78c118b32c4d50ea2544faae2a22e. </details> <details> <summary>📒 Files selected for processing (1)</summary> * `js/desktop/src/features/particles/stream-list-sidebar.tsx` </details> <details> <summary>💤 Files with no reviewable changes (1)</summary> * js/desktop/src/features/particles/stream-list-sidebar.tsx </details> </details> ---  <details> <summary>📝 Walkthrough</summary> ## Walkthrough Minor UI layout and avatar rendering adjustments: `HumanAvatar` unconditionally renders `AvatarImage`, `StreamListSidebar` switches to a fixed `w-60` width with overflow-hidden and `overflow-wrap:anywhere` on text particles, and `project.el` is added to `.gitignore`. ## Changes **UI Layout and Avatar Fixes** | Layer / File(s) | Summary | |---|---| | **HumanAvatar unconditional image render** `js/desktop/src/components/human-avatar.tsx` | `AvatarImage` is now always rendered with `src={url}` regardless of whether `url` is defined, removing the prior conditional guard. | | **StreamListSidebar width and overflow fixes** `js/desktop/src/features/particles/stream-list-sidebar.tsx` | Sidebar root uses `w-60` instead of `max-w-60`; `ChatRow` removes `w-full`; inner content wrapper adds `overflow-hidden`; text particle `` adds `[overflow-wrap:anywhere]`. | **Gitignore Update** | Layer / File(s) | Summary | |---|---| | **Add project.el to .gitignore** `.gitignore` | `project.el` is added as an ignored file pattern. | ## Estimated code review effort 🎯 1 (Trivial) | ⏱️ ~3 minutes ## Poem > 🐇 A sidebar now fixed, no wobble in sight, > The avatar image shines, day and night. > Overflow hidden, the words wrap with grace, > `project.el` hidden, tucks into its place. > Hop hop hooray for a tidier space! 🌿 </details>   --- > [!NOTE] > <details> > <summary>🎁 Summarized by CodeRabbit Free</summary> > > Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting <https://app.coderabbit.ai/login>. > > </details> Comment `@coderabbitai help` to get the list of available commands and usage tips.

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: FlowyLabs/llink#292