style(web): polish the session sidebar

[liruifengv]

Related Issue

No linked issue — this is a visual polish pass on the web sidebar (plus one small desktop fix), driven by direct product review rather than a ticket.

Problem

The session sidebar had drifted into a set of small but visible inconsistencies: cool-gray selection on a warm sidebar, a collapse toggle that flashed because two separate buttons handed off, misaligned session vs. workspace titles, workspace headers truncated by invisible hover buttons, and row heights imposed by min-height rather than the type. On the desktop app, the macOS traffic lights vanished when the window lost focus.

What changed

Web sidebar (apps/kimi-web):

• Dedicated sidebar surface token (--color-sidebar-bg) and translucent neutral selection/hover tokens (--color-selected, --color-hover) so selection reads as location, not an accent action.
• New Kbd keycap primitive (one block per key); the search row now justifies the label and shortcut apart. Unified the separate ShortcutKey into it.
• Local Kimi design icon collection (src/icons/kimi/) wired into unplugin-icons, plus Tabler icons for the panel toggle; sidebar row icons bumped to 16px.
• Sidebar row height is now font-driven (line-height + padding, no min-height); the hover kebab is absolutely positioned so it cannot force the row taller or cause jitter. Unified radius and padding.
• A single resident sidebar toggle pinned to the top-left corner (beside the traffic lights on macOS) — the sidebar slides underneath it and only the glyph swaps, so it never moves or flashes. The in-sidebar collapse button was removed.
• Workspace group hover actions (⋯ and +) now float over the row instead of reserving layout space, so long workspace names use the full row width.
• Aligned session titles under workspace names (--sb-gutter matches the folder icon width), muted workspace group titles, and aligned the workspace/session title font sizes.
• Neutral sidebar scrollbar; synced DesignSystemView.

Desktop (apps/kimi-desktop):

• Sync the window appearance with the web UI theme, so the dimmed traffic lights stay visible (gray dots) when the window loses focus instead of disappearing.

Checklist

• I have read the CONTRIBUTING document.
• I have linked a related issue, or explained the problem above.
• I have added tests that prove my feature works. (Visual polish; verified by typecheck, check:style, build, and manual browser/Electron review.)
• Ran gen-changesets skill, or this PR needs no changeset.
• Ran gen-docs skill, or this PR needs no doc update. (No user-facing command/config changes; in-app DesignSystemView kept in sync.)

[changeset-bot]

🦋 Changeset detected

Latest commit: b46d2c0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@moonshot-ai/kimi-code	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

❌ Nix build failed

Hash mismatch in pnpmDeps:

	Hash
specified	sha256-i3T30dxNQ7DTWOmUX47kmqpIVtDYby0buPo58+Jhhmw=
got	sha256-iBk+TV+rIhmd7bYnVFbW3kTGltojJl3pL2hhmsGO+Fk=

Please update flake.nix with the got hash.

[pkg-pr-new]

pnpm dlx https://pkg.pr.new/@moonshot-ai/kimi-code@b46d2c0

npx https://pkg.pr.new/@moonshot-ai/kimi-code@b46d2c0

commit: b46d2c0

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: cd2ea73934

ℹ️ About Codex in GitHub

Codex has been enabled to automatically 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 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".