feat: Improve form item and switch to README preview on validation check

[agatha197]

Changes:

This PR updates the ImportFromHuggingFaceModal component and related translations to enhance the user experience when importing models from Hugging Face. Key changes include:

1. Added new form fields for "Model store folder name" and "Service name".
2. Implemented a README.md preview card with Markdown support.
3. Added validation to ensure only LLM models (text-generation pipeline) are supported.
4. Updated translations for new strings across multiple languages.

Rationale:

These changes provide users with more control over the import process and better information about the model being imported. The README preview allows users to review model details before importing, while the additional form fields enable customization of the import location and service name.

Effects:

• Users can now specify custom folder names and service names for imported models.
• The UI now displays a preview of the model's README, improving user understanding of the model before import.
• The system now restricts imports to LLM models only, preventing potential issues with unsupported model types.
• Improved localization support for the new features across multiple languages.

Screenshots:

• Default
  
• Valid
  
• Invalid URL
  
• Not LLM model
  

Checklist:

• Documentation
• Test case(s) to demonstrate the difference of before/after

[graphite-app]

Your org requires the Graphite merge queue for merging into main

Add the label “flow:merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “flow:hotfix” to add to the merge queue as a hot fix.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

[agatha197]

• feat: import and start service from hugging face #2713
• feat: Improve form item and switch to README preview on validation check #2715 👈
• feat: fetch the Hugging Face info using a URL #2710
• feat: add enableImportFromHuggingFace option #2709
• Add an 'Import from hugging face' modal #2514
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @agatha197 and the rest of your teammates on Graphite

[yomybaby]

Suggested change

	disabled={
	!shouldSkipURLCheck ||
	huggingFaceModelInfo.data?.pipeline_tag! !== 'text-generation'
	}
	disabled={
	!shouldSkipURLCheck ||
	(!_.isEmpty(huggingFaceModelInfo.data?.pipeline_tag) &&
	huggingFaceModelInfo.data?.pipeline_tag !== 'text-generation')
	}

[yomybaby]

I just push a change to resolve this part. LGTM now!

[yomybaby]

LGTM

[graphite-app]

Merge activity

• Sep 21, 5:20 PM EDT: yomybaby added this pull request to the Graphite merge queue.
• Sep 21, 5:23 PM EDT: yomybaby merged this pull request with the Graphite merge queue.