-
[OPIK-6269] [FE] feat: align diff dialog and version list with Figma (#6605)
frostbyte_neo 发布于
2026-05-05 15:52:55 +00:00 - [OPIK-6269] [FE] feat: align diff dialog and version list with Figma
- Tighten the agent-config diff dialog to match Figma: 20px outer padding,
16px gap between title and table, X close button repositioned to match. - Title font size set to 16/20 (Inter Medium) per Figma Title/XSmall token.
- Replace DiffVersionPopover with a DiffVersionMenu rendered as a single-line
dropdown menu that matches the project/workspace menu style: 32px rows,
version name + tags on the left, clock + relative time on the right, and
a separator under the "Compare against" label. - Pass an explicit maxWidth to AgentConfigTagList so the +N counter is
stable (avoids the measurement loop that flickered without a fixed width). - Always use the older version as the diff baseline (older as base, newer as
diff) so the comparison direction matches the timeline order regardless of
which version is currently displayed. - Update the dropdown-menu sm variant to use rounded-sm (4px) instead of
rounded-md so the design-system menus match Figma's 4px corner radius.
Co-Authored-By: Claude Opus 4.7 (1M context) noreply@anthropic.com
- fix(agent-config-diff): clear stale comparison and harden base/diff helper
- Reset comparedVersion and diffOpen when item.id changes so switching
between configurations doesn't leave the dialog open with stale data. - Extract the inline IIFE into a getDiffDialogProps helper that parses
created_at safely (Number.isFinite guard) and falls back to the current
item as base when either timestamp is missing or invalid, so the diff
orientation cannot silently flip on bad data.
Co-Authored-By: Claude Opus 4.7 (1M context) noreply@anthropic.com
Co-authored-by: Claude Opus 4.7 (1M context) noreply@anthropic.com
下载附件