-
[OPIK-6761] [FE] feat: rework Optimization runs empty state to match Figma (#7025)
frostbyte_neo 发布于
2026-06-12 10:33:25 +00:00 - feat(optimizations): rework empty state to match Figma with three action cards (OPIK-6761)
Replace the two-card Optimization runs empty state with the three-card
Figma design: "Run a demo example", "Use the Optimization Studio", and a
new "Optimize via SDK" card. Each card maps to an existing entry point:- Run a demo example -> Studio wizard pre-filled with the opik-chatbot template
- Use the Optimization Studio -> blank Studio wizard
- Optimize via SDK -> AddOptimizationDialog (SDK starter code)
Consolidate the studio navigation into a single navigateToStudio() helper
mirroring StudioTemplates, align card layout/typography/icon colors to the
design tokens, and rename the prop onOptimizeClick -> onOptimizeViaSdkClick.Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com
- refactor(optimizations): extract ActionCard + config map in empty state (OPIK-6761)
Address review feedback: the three CTA cards duplicated identical layout
JSX. Extract a singleActionCardcomponent driven by anactionCards
config array so the shared layout lives in one place. No behavior change.Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com
- refactor(optimizations): extract shared useNavigateToOptimizationStudio hook (OPIK-6761)
Address review feedback: OptimizationsEmptyState.navigateToStudio and
StudioTemplates.handleTemplateClick duplicated the same project-scoped
/optimizations/new routing. Extract a shared useNavigateToOptimizationStudio
hook and use it in both, so the routing lives in one place. No behavior change.Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com
Co-authored-by: Claude Opus 4.8 noreply@anthropic.com
下载附件