| | |
| | | import ExternalAPIPanel from '../../components/datasets/external-api/external-api-panel' |
| | | import Datasets from './Datasets' |
| | | import DatasetFooter from './DatasetFooter' |
| | | import ApiServer from '../../components/develop/ApiServer' |
| | | import ApiServer from './ApiServer' |
| | | import Doc from './Doc' |
| | | import TabSliderNew from '@/app/components/base/tab-slider-new' |
| | | import TagManagementModal from '@/app/components/base/tag-management' |
| | |
| | | const showTagManagementModal = useTagStore(s => s.showTagManagementModal) |
| | | const { showExternalApiPanel, setShowExternalApiPanel } = useExternalApiPanel() |
| | | const [includeAll, { toggle: toggleIncludeAll }] = useBoolean(false) |
| | | |
| | | document.title = `${t('dataset.knowledge')} - Dify` |
| | | |
| | | const options = useMemo(() => { |
| | | return [ |
| | |
| | | }, [currentWorkspace, router]) |
| | | |
| | | return ( |
| | | <div ref={containerRef} className='scroll-container relative flex grow flex-col overflow-y-auto bg-background-body'> |
| | | <div className='sticky top-0 z-10 flex flex-wrap items-center justify-between gap-y-2 bg-background-body px-12 pb-2 pt-4 leading-[56px]'> |
| | | <div ref={containerRef} className='grow relative flex flex-col bg-background-body overflow-y-auto scroll-container'> |
| | | <div className='sticky top-0 flex justify-between pt-4 px-12 pb-2 leading-[56px] bg-background-body z-10 flex-wrap gap-y-2'> |
| | | <TabSliderNew |
| | | value={activeTab} |
| | | onChange={newActiveTab => setActiveTab(newActiveTab)} |
| | |
| | | onChange={e => handleKeywordsChange(e.target.value)} |
| | | onClear={() => handleKeywordsChange('')} |
| | | /> |
| | | <div className="h-4 w-[1px] bg-divider-regular" /> |
| | | <div className="w-[1px] h-4 bg-divider-regular" /> |
| | | <Button |
| | | className='shadows-shadow-xs gap-0.5' |
| | | className='gap-0.5 shadows-shadow-xs' |
| | | onClick={() => setShowExternalApiPanel(true)} |
| | | > |
| | | <ApiConnectionMod className='h-4 w-4 text-components-button-secondary-text' /> |
| | | <div className='system-sm-medium flex items-center justify-center gap-1 px-0.5 text-components-button-secondary-text'>{t('dataset.externalAPIPanelTitle')}</div> |
| | | <ApiConnectionMod className='w-4 h-4 text-components-button-secondary-text' /> |
| | | <div className='flex px-0.5 justify-center items-center gap-1 text-components-button-secondary-text system-sm-medium'>{t('dataset.externalAPIPanelTitle')}</div> |
| | | </Button> |
| | | </div> |
| | | )} |