Files
dify/web/app/components/workflow/skill/start-tab/index.tsx
yyh 4d465d6cf9 feat(skill-editor): implement StartTabContent with modular component structure
Refactor StartTabContent into separate components following Figma design specs:
- ActionCard: reusable card with icon, title, description
- SectionHeader: title/xl-semi-bold header with description
- CreateImportSection: 3-column grid layout for Create/Import cards
- SkillTemplatesSection: templates area with placeholder

Align styles with Figma: 3-col grid, 16px title, proper spacing and padding.
Add i18n translations for all user-facing text (en-US, zh-Hans).
2026-01-23 14:39:53 +08:00

18 lines
433 B
TypeScript

'use client'
import type { FC } from 'react'
import { memo } from 'react'
import CreateImportSection from './create-import-section'
import SkillTemplatesSection from './skill-templates-section'
const StartTabContent: FC = () => {
return (
<div className="h-full w-full overflow-auto bg-components-panel-bg">
<CreateImportSection />
<SkillTemplatesSection />
</div>
)
}
export default memo(StartTabContent)