Skip to content

style(channels): align status indicator with Models card style#867

Merged
hazeone merged 2 commits intomainfrom
cursor/align-channel-status-style-95fd
Apr 17, 2026
Merged

style(channels): align status indicator with Models card style#867
hazeone merged 2 commits intomainfrom
cursor/align-channel-status-style-95fd

Conversation

@hazeone
Copy link
Copy Markdown
Contributor

@hazeone hazeone commented Apr 17, 2026

Summary

Aligns the configured-channel card status indicator with the Models / AI Providers card style:

  • Moves the green status dot from beside the channel title (first line) into the subtitle row (second line), alongside the channel type slug.
  • Appends the localized status label next to the dot (e.g. Connected / 已连接 / 接続済み), reusing the existing channels.account.connectionStatus.* keys.
  • Uses the same small dot size (h-1.5 w-1.5) and bullet separator (w-1 h-1 rounded-full bg-black/20 dark:bg-white/20) as the AI Providers card so the two pages read consistently.

Because the status dot no longer carries a title attribute (the label is rendered as adjacent text), two Playwright specs were updated to query the status by its localized text:

  • tests/e2e/channels-health-diagnostics.spec.ts (previously broke CI — getByTitle(/Degraded|…/)getByText(/Degraded|…/))
  • tests/e2e/channels-binding-regression.spec.ts (added assertion that the Connected label is rendered inside the Feishu group card)

No behavior changes, only presentation.

Walkthrough

Close-up of Telegram channel card showing `telegram • • Disconnected` on the subtitle row

Channel card now follows the same pattern used on the Models page.

Messaging Channels page after the change
Models page reference with `• Configured` label

Testing

  • pnpm run lint
  • pnpm run typecheck
  • pnpm test -- tests/unit/channels-page.test.tsx
  • pnpm run test:e2e -- tests/e2e/channels-health-diagnostics.spec.ts tests/e2e/channels-binding-regression.spec.ts tests/e2e/channels-account-id-validation.spec.ts tests/e2e/channels-account-id-persistence.spec.ts ← all four pass locally after the selector fix.
  • Manual smoke test in the Electron dev build (see screenshots above).

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

cursoragent and others added 2 commits April 17, 2026 10:17
Move the connection status dot from beside the channel title into the
subtitle row (same place as the Models page 'Configured' indicator) and
append the localized status label (e.g. 'Connected') next to the dot.

Co-authored-by: Haze <hazeone@users.noreply.github.com>
The channel-status dot no longer carries a `title` attribute after the
status label was moved into the subtitle row. Update the degraded e2e
assertion to match the localized status text instead.

Co-authored-by: Haze <hazeone@users.noreply.github.com>
@hazeone hazeone marked this pull request as ready for review April 17, 2026 11:13
@hazeone hazeone merged commit 4ac4e12 into main Apr 17, 2026
5 checks passed
@hazeone hazeone deleted the cursor/align-channel-status-style-95fd branch April 17, 2026 11:13
DigitalNomad-Chat added a commit to DigitalNomad-Chat/ClawX that referenced this pull request Apr 26, 2026
…overy (ValueCell-ai#855 ValueCell-ai#862 ValueCell-ai#867 ValueCell-ai#892 ValueCell-ai#841)

Channel health banner, diagnostics snapshot, gateway restart button,
status indicator styling, multi-account binding fix.
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