Skip to content

fix(channels): sidebar overflow, archive, tooltips, private-task filtering, and bluebird cmd-k routing#2715

Merged
raquelmsmith merged 2 commits into
mainfrom
posthog-code/channels-sidebar-ux-fixes
Jun 16, 2026
Merged

fix(channels): sidebar overflow, archive, tooltips, private-task filtering, and bluebird cmd-k routing#2715
raquelmsmith merged 2 commits into
mainfrom
posthog-code/channels-sidebar-ux-fixes

Conversation

@raquelmsmith

Copy link
Copy Markdown
Member

Summary

A batch of small UX fixes for the channels sidebar, plus a CMD-K routing change for the project-bluebird flag.

Channels sidebar

  • No more horizontal scroll — long task names truncate with an ellipsis instead of expanding the row.
  • Archive from the context menu — added an "Archive" option to the task right-click menu (uses the existing archive flow with undo toast).
  • Hide archived tasks — archived tasks no longer appear in channel listings.
  • Hide tasks not shared with me — tasks are private per user, so a task filed by someone else used to render as "Untitled task". These are now hidden entirely.
  • Full name on hover — task names show their full title in a tooltip after a ~600ms delay.
  • Hover + on the "Channels" header — opens the new-channel modal; the affordance only appears when hovering the header row itself, not the section below it.
  • Icon spacing — the channel-name leading icon now matches the spacing of other rows in the list.

CMD-K

  • When project-bluebird is enabled, selecting a task that is filed to a channel routes to the channel-organized view under /website/$channelId/tasks/$taskId instead of /code/tasks/$taskId. Non-bluebird users are unaffected.

Testing

  • Typecheck + Biome pass (also enforced by the pre-commit hook).
  • Tooltip wiring verified live against the running app over CDP: hovering a task row opens a delayed tooltip showing the full task title.

Created with PostHog Code

…ering, and bluebird cmd-k routing

Channels sidebar UX fixes:
- Truncate task names so long titles no longer cause horizontal scroll.
- Add an "Archive" option to the task right-click context menu.
- Hide archived tasks from channel listings.
- Hide tasks filed by other users (not shared with me) instead of
  rendering them as "Untitled task".
- Show the full task name in a delayed tooltip on hover.
- Show a "+" new-channel button on hover over the "Channels" header,
  scoped to the header row only.
- Match the channel-name icon spacing to other sidebar rows.

CMD-K: when project-bluebird is enabled, selecting a task that is filed
to a channel routes to the channel-organized view under /website rather
than /code.

Generated-By: PostHog Code
Task-Id: b3d24fd9-abfb-42b8-9efb-f83760f0d3f1
@github-actions

github-actions Bot commented Jun 16, 2026

Copy link
Copy Markdown

React Doctor found no issues in the changed files. 🎉

Reviewed by React Doctor for commit f88dd97.

@greptile-apps

greptile-apps Bot commented Jun 16, 2026

Copy link
Copy Markdown
Contributor
Prompt To Fix All With AI
Fix the following 1 code review issue. Work through them one at a time, proposing concise fixes.

---

### Issue 1 of 1
packages/ui/src/features/canvas/components/ChannelsList.tsx:270-278
**Archive doesn't navigate away when viewing the task in channel view**

`archiveTask` calls `navigateAwayFromTaskIfActive`, which checks `getAppViewSnapshot().type === "task-detail"`. But `deriveFromMatches` in `useAppView.ts` only maps `/code/tasks/$taskId` to `"task-detail"` — the `/website/$channelId/tasks/$taskId` route falls through to the `default` branch and returns `"task-input"`. So when a user is viewing a channel task at `/website/…/tasks/$taskId` and archives it from this context menu, the stale task detail stays visible in the main pane; no navigation fires. Adding `case "/website/$channelId/tasks/$taskId"` (returning `{ type: "task-detail", taskId }`) to `deriveFromMatches` would fix this.

Reviews (1): Last reviewed commit: "fix(channels): sidebar overflow, archive..." | Re-trigger Greptile

Comment thread packages/ui/src/features/canvas/components/ChannelsList.tsx
deriveFromMatches only mapped /code/tasks/$taskId to "task-detail", so
archiving a task while viewing it at /website/$channelId/tasks/$taskId
left the stale detail in the main pane — navigateAwayFromTaskIfActive
never fired. Map the channels-space task route to the same view.

Generated-By: PostHog Code
Task-Id: b3d24fd9-abfb-42b8-9efb-f83760f0d3f1
@raquelmsmith raquelmsmith merged commit 6136a2b into main Jun 16, 2026
23 checks passed
@raquelmsmith raquelmsmith deleted the posthog-code/channels-sidebar-ux-fixes branch June 16, 2026 23:36
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.

1 participant