Repository navigation
Long/wrapping workspace name clips the Channels and Direct Messages "+" buttons in the sidebar #284
Description
Version: v0.6.0 (commit 31d299e)
Summary:
When a workspace's name is long enough to wrap to a second line in the sidebar header, the "Create channel" and "Create direct message" + buttons disappear from the Channels and Direct Messages section headers. Short workspace names render correctly.
Steps to reproduce:
- Create a workspace with a short name (e.g. "Zainul Syafiq") — sidebar renders normally, + buttons visible next to "CHANNELS" and "DIRECT MESSAGES".
- Rename the same workspace to something long enough to wrap onto two lines (e.g. "Zainul Syafiq Worrkspace Note Clickclack").
- Reload the sidebar — both + buttons are now missing. The workspace is otherwise fully functional (channels/DMs can still be created via other means); this is purely a header/sidebar rendering issue.
Expected behavior: The workspace name should truncate with an ellipsis (or otherwise not affect layout) rather than wrapping and clipping unrelated sidebar controls.
Investigation notes: Checked apps/web/src/components/navigation/Sidebar.svelte (.workspace-name / .workspace-name-label) — no white-space: nowrap / text-overflow: ellipsis is applied to the workspace title, so it wraps freely. The + buttons themselves (apps/web/src/components/navigation/ChannelList.svelte, .add-button) are rendered unconditionally with no role/state gating, so the clipping appears to be a layout/height assumption elsewhere in the sidebar breaking when the header wraps to more than one line.
Screenshots:

Metadata
Metadata
Assignees
Labels
Type
Fields
Priority
Activity
clawsweeper commentedon Oct 1, 2026
Codex review: this still needs some work. Reviewed October 3, 2026, 7:49 PM ET / 23:49 UTC.
Summary
The sidebar clipping defect remains on current main and v0.7.0. The open repair at #286 owns the fix, so this issue remains necessary until that work lands.
Reproducibility: yes. the supplied long-name scenario, inspected screenshots, current grid rules, and linked browser measurements establish a high-confidence reproduction path. This read-only review did not execute the application.
Next step
Review and land or close #286 before dispatching another repair. Likely related people: Peter Steinberger and Sergio Cadavid are low-confidence, unverified routing candidates.
Review details
Best possible solution:
Constrain the sidebar grid column so existing name truncation works and creation controls remain reachable across desktop and mobile layouts.
Do we have a high-confidence way to reproduce the issue?
Yes: the supplied long-name scenario, inspected screenshots, current grid rules, and linked browser measurements establish a high-confidence reproduction path. This read-only review did not execute the application.
Is this the best way to solve the issue?
Yes: constraining the existing grid column addresses the underlying width problem; adding more ellipsis styling would duplicate rules already present.
AGENTS.md: found, but no applicable review policy affected this item.
Codex review notes: model internal, reasoning medium; reviewed against 5781ea2209c0.
Label changes
Label changes:
No label changes.
Label justifications:
P2: This is a bounded navigation-layout defect; the workspace remains functional and alternative creation paths exist.impact:ux-friction: Long names hide visible creation controls and make normal sidebar actions harder to discover.Evidence reviewed
What I checked:
apps/web/src/styles/sidebar.css:205, 5781ea2209c0)apps/web/src/components/navigation/ChannelList.svelte:425, 5781ea2209c0)apps/web/src/styles/sidebar.css:205, 2408cf117adc)apps/web/src/styles/sidebar.css, 5781ea2209c0)Likely related people:
How this review workflow works
@clawsweeper re-reviewcomments, exact-item GitHub events, scheduled/background review runs, or manual workflow dispatch.@clawsweeper re-reviewor@clawsweeper re-runon an open PR or issue to request a fresh review only.@clawsweeper reviewto request a fresh review only.@clawsweeper autofix,@clawsweeper automerge,@clawsweeper fix ci, or@clawsweeper address review.@clawsweeper explainto ask for more context, or@clawsweeper stopto stop active automation.clawsweeper commentedon Oct 1, 2026
🦞⚠️
Automatic implementation stopped before completion.
Reason: The automatic implementation worker stopped before all deterministic gates completed. Open the workflow run for the exact blocker.
Worker: https://github.com/openclaw/clawsweeper/actions/runs/36922011177
Automatic implementation progress:
clawsweeper:manual-onlyorclawsweeper:human-review.fix(web): keep sidebar controls within long-name layouts
steipete commentedon Oct 7, 2026
Fixed in #286, merged as d59e804. Thanks @isaiahknight-va and @NOLXII.
The labels already had ellipsis rules; the implicit grid column was expanding past the sidebar’s fixed width. Constraining it to
minmax(0, 1fr)fixes the actual clipping cause.On unchanged production CSS,
pnpm test:e2e tests/e2e/sidebar-long-workspace-name.spec.ts --workers=2reproduced three failures (long workspace, mobile drawer, desktop account) while the short-name control passed. All four pass after the fix, including hit testing and opening the creation dialogs. Fullpnpm checkpassed on AWS Crabbox, and independent P2 autoreview was clean. Exact-head server/web/Docker/browser CI and desktop CI passed, including embedded-build repeatability.Inspected synthetic Chromium proof:
fix(web): keep sidebar controls within long-name layouts (openclaw#286)