Fix mobile chunk title badge radius

[suguanYang]

Summary

• Change parsed chunk title badges from rounded-full to rounded-lg so wrapped titles do not render as oversized pills.
• Apply the same less-rounded treatment to chat “Sources used” parsed chunk links, which are another user-visible parsed chunk title path.
• Preserve the existing badge/link width and display layout while enabling horizontal scrolling on the chunks panel ScrollArea.
• Rebase onto latest staging after PR Optimize notebook chunk and chat lists #19 landed, preserving the virtualized chunk list viewportRef/scroll handler behavior.
• Fix citation jumps into virtualized chunk lists by always including the currently focused chunk row in the virtual range, so clicked citations can mount and scroll to targets outside the initial render window.
• Align focused citation jumps to the start of the chunk row so long table chunks open with their title/header visible instead of centered midway through the table.
• Add regression tests for the radius-only chunk title fix, the chat source-link title fix, the Radix viewport overflow-x: scroll behavior, and focused citation targets outside the initial virtual range.

Verification

• pnpm test src/components/chunks-panel.test.ts
• pnpm test src/components/chat-panel.test.ts
• pnpm test src/components/workspace-shell.test.ts
• pnpm test
• pnpm exec tsc --noEmit
• pnpm lint
• pnpm build
• git diff --check
• Real browser mobile check with Chrome DevTools at 390x844: clicked a TSLA demo citation to table-13; after the fix the focused row landed about 12px below the chunks viewport top.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
knowhere-notebook-staging	Ready	Preview, Comment	May 10, 2026 5:54am