Skip to content

feat(web): collapse loaded sessions back to the first page #1322

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
wbxl2000 merged 3 commits into from
Jul 2, 2026
Merged

feat(web): collapse loaded sessions back to the first page #1322

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
479515e
feat(web): collapse loaded sessions back to the first page
wbxl2000 Jul 2, 2026
ca66049
fix(web): preserve first-page capacity for sparse workspaces
wbxl2000 Jul 2, 2026
2867814
fix(web): keep the active session visible in a collapsed group
wbxl2000 Jul 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/web-sidebar-collapse-sessions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@moonshot-ai/kimi-code": patch
---

Let the web sidebar collapse an expanded workspace session list back to its first page.
12 changes: 12 additions & 0 deletions apps/kimi-web/design/design-system.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2211,6 +2211,18 @@ <h3 class="sub">Workspace group</h3>
<li>The group is collapsible; when collapsed its session list is hidden.</li>
</ul>

<h3 class="sub">Show more &amp; collapse</h3>
<p>The "load more / show less" control at the bottom of each workspace group is a session-row-shaped compact list control (same family as search, New chat, inline rename — not a Button). It doubles as the pagination trigger and the in-group expand / collapse toggle.</p>
<table class="dt">
<thead><tr><th>Part</th><th>Rule</th></tr></thead>
<tbody>
<tr><td class="tk">Container</td><td>session-row pill: <code>display:flex; gap:--sb-gap; min-height:26px</code>, same padding as a session row, <code>radius-md</code>; hover = <code>surface-sunken</code> (no text recolor); <code>:focus-visible</code> uses <code>--p-focus-ring</code></td></tr>
<tr><td class="tk">Lead slot</td><td>empty, <code>--sb-gutter</code> wide, so the label's start x aligns with the session titles (<code>--sb-pad-x + --sb-gutter + --sb-gap</code>)</td></tr>
<tr><td class="tk">Label</td><td><code>font-ui</code>, <code>text-xs</code>, <code>--color-text</code>; flex:1, truncated</td></tr>
<tr><td class="tk">Behavior</td><td>"Load more" fetches the next page and auto-expands; once more than the first page is loaded, "Show less" appears and collapses back to the first page (view-layer trim — data is kept, no refetch); "Show all" re-expands</td></tr>
</tbody>
</table>

<h3 class="sub">ResizeHandle</h3>
<p>A 4px vertical drag bar, layered over the 1px column border (<code>margin: 0 -2px</code> makes the whole 4px grabbable), turning accent on hover / drag.</p>
<table class="dt">
Expand Down
Loading
Loading