Repository navigation
feat(pod): rebuild Pod on the Ankole design with Fluent icons and a compact Chat - #191
Merged
Jinx-1120 merged 2 commits intoNov 11, 2026
Merged
Conversation
…ompact Chat Align the shared design tokens with the Ankole Base Styles library and rebuild the Pod's shell, sidebar, content scale, Chat, composer, and Work board on the layout design. The design lives in UI kit components bound to those tokens instead of class names in product code. UI kit - Take the Base Styles palette, type steps, and the AgentBullSansGB and AgentBullMono faces; add the hover, current, and card layers. - Draw icons with Fluent System Icons through `@ankole/uikit/icons`, which re-exports the official per-icon React modules, and remove Remix Icon. - Add TopBar, Menu, Breadcrumb, Board, FileCard, ReferenceCard, CopyButton, RollingNumber, and StepTransition, and give shared controls feedback for running, copied, and loading states. Pod - Rebuild the shell and redraw the sidebar's rows, with one motion for docking, hiding, and opening groups. - Set documents and conversations in one 892 px column. A conversation's text is 14 px with Medium bold phrases, and a reply's headings step down with it. - Draw the objects inside a message as one family of outline cards: Page reference chips, one-row file cards, run cards, delegation cards, and decision cards. A delegation stands under the reply of the turn that sent it, and the timeline scrolls only up and down. - Parse emphasis and strikethrough that touch CJK punctuation with the CJK-friendly Markdown rules, in Chat and in the Console. - Show a table's copy control inside the table under the pointer, and keep model usage out of a reply's work summary. - Move the Work board out of the sidebar's tabs, open a work item in the conversation's side panel, and redraw the board's columns and cards. The editor's content styles, the website, the Console, and the setup and auth apps follow the same tokens and icons. Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com>
Bring the branch up to 2.0.0-alpha.133 and move its pending changelog section to 2.0.0-alpha.134. Resolutions that are more than mechanical: - Work: the redesigned board stays. Upstream's New issue dialog, Issue panel, and Work navigation stay deleted, the sidebar keeps its Home and Chat tabs without a Work badge, and the three browser tests that drive the dialog, the panel, and the label filter are removed. The backend, the data model, and the Issue routes are upstream's. Issues.md and the website guide describe the board as Pod draws it and point to the API for labels, sub-issues, Squads, and repeating rules. - Icons: upstream's new Word, presentation, Brain, Skill, and Page access code drew Remix icons; it now draws Fluent icons through `@ankole/uikit/icons`, which gains the components it needs. - Chat: upstream's Skill pill, Save as Skill action, blocked steps, quick reply in the inspector, and the Needs input section keep their behaviour inside the redrawn composer, action row, tool rows, and sidebar sections. The Page access disclosure stands in the same block card as a draft. - Locales: upstream's new work summary messages stay, and the model usage messages that the branch removed stay removed. Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com>
|
Important Review skippedToo many files! This PR contains 329 files, which is 229 over the limit of 100. To get a review, reduce the PR to 100 files or fewer by splitting it into smaller PRs or changing its base branch. Upgrade to a paid plan to raise the limit. Usage-priced reviews support at most 300 files.
 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
Pod's interface had drifted from the Ankole design. The shared tokens did not match the Base Styles library, icons came from a second icon family, and most design decisions lived in class names spread over product files, so one visual change meant editing many pages. In Chat, the objects inside a reply (Page references, files, runs, delegations, decisions) each had their own size, weight, and surface, and several details read wrong: bold text next to CJK punctuation kept its asterisks, a delegation appeared above the work steps that sent it, and a narrow chat column scrolled sideways.
Solution
The design now lives in the UI kit, bound to theme tokens, and the product composes it.
UI kit and tokens
AgentBullSansGBandAgentBullMonofaces and new hover, current, and card layers.@ankole/uikit/iconsunder Fluent's own names.@remixicon/reactand the imported SVG set are removed.TopBar,Menu,Breadcrumb,Board,FileCard,ReferenceCard,CopyButton,RollingNumber,StepTransition. Shared controls show running, copied, and loading states on the control itself.Pod shell and sidebar
Content and Chat
surface-outline): a 20 px mark, a 14 px title, 12 px meta on the title's baseline. Page references are inline chips, files are one-row cards, and run, delegation, decision, and next-step cards share the same surface.placeDelegations).common/markdown-syntax.ts), in Chat, in the repair pass, and in the Console. CommonMark closes**after punctuation only before a space, which left**验收：**选择literal.Work board
Board.Elsewhere
Decisions a reviewer should know about
docs/design-docs/Issues.mdand the website guide describe the board as Pod draws it and point to the API for labels, sub-issues, Squads, and repeating rules. Three browser tests that drove the removed dialog and panel are removed.usage.@remixicon/reactthrough this workspace has to import from@ankole/uikit/iconswhen it takes this release.@fluentui/react-icons,remark-cjk-friendly,remark-cjk-friendly-gfm-strikethrough.mainthrough 2.0.0-alpha.133; upstream's new Word, presentation, Brain, Skill, and Page access code is moved onto Fluent icons, and its new Chat behaviour (Skill pill, Save as Skill, blocked steps, quick reply, Needs input) keeps working inside the redrawn Chat.Validation
bun run type-checkinlibs/uikit,libs/ankole-editor, andapp/webappsbun run lint:repo,bun run fmt:check:repo,bun run analyze:unusedbun run --filter @ankole/uikit testandbun run --filter @ankole/webapps testNew and updated unit tests cover the card components, the delegation placement, CJK emphasis for people and Agents, the work summary without usage, and the Markdown repair's golden cases under the shared syntax.
Not verified
astro checkfor the website did not start in my environment after the dependency update (it reports@astrojs/checkandtypescriptas missing although they are installed), so the website relies on CI.test:pod, the editor's Playwright suite) have not been run on the merged tree.🤖 Generated with Claude Code