Function Playground

frontend/src/components/playground/index.tsx:57–1700

()

    { label: 'Markdown content', value: 4 }
]
function Playground() {
    const navigation = useNavigate();
    const { assistantTableColumn, modelsTableColumn, collectionTableColumn } = CommonComponents()
    const uploadUrl = `${origin}/api/v1/images`
    const { assistantPlaygroundId } = useSelector((state: any) => state.assistantId)
    const { playgroundType } = useSelector((state: any) => state.playgroundType)
    const { t } = useTranslation();
    const dispatch = useDispatch();
    const [assistantLimit, setAssistantLimit] = useState(20)
    const { search, pathname } = useLocation();
    const [assistantId, setAssistantId] = useState<any>()
    const [optionList, setOptionList] = useState<any>([])
    const divRef: any = useRef();
    const settingModal = useRef<any>()
    const [retrievalLimit, setRetrievalLimit] = useState(20)
    const [updateModelPrevButton, setUpdateModelPrevButton] = useState(false)
    const settingIcon = useRef<any>()
    const contentRef = useRef<any>();
    const [shouldSmoothScroll, setShouldSmoothScroll] = useState(true)
    const [Authentication, setAuthentication] = useState('')
    const [selectedActionsRows, setSelectedActionsRows] = useState<any[]>([])
    const [retrievalList, setRetrievalList] = useState<any[]>([])
    const [listChats, setListChats] = useState<any[]>([])
    const [OpenDrawer, setOpenDrawer] = useState(false)
    const [options, setOptions] = useState([])
    const [memoryValue, setMemoryValue] = useState('zero')
    const [recordsSelected, setRecordsSelected] = useState<string[]>([])
    const childRef = useRef<ChildRefType | null>(null);
    const [modelLimit, setModelLimit] = useState(20)
    const [modalTableOpen, setModalTableOpen] = useState(false)
    const [selectedModelRows, setSelectedRows] = useState<any[]>([])
    const [originalModelData, setOriginalModelData] = useState<any[]>()
    const [modelOne, setModelOne] = useState(false);
    const [OpenActionDrawer, setOpenActionDrawer] = useState(false)
    const [sendButtonLoading, setSendButtonLoading] = useState(false)
    const [generateButtonLoading, setGenerateButtonLoading] = useState(false)
    const [openModalTable, setOpenModalTable] = useState(false)
    const [systemPromptVariables, setSystemPromptVariable] = useState('')
    const [chatId, setChatId] = useState<any>('')
    const [actionList, setActionList] = useState([])
    const [tipSchema, setTipSchema] = useState(false)
    const [checkBoxValue, setCheckBoxValue] = useState([1, 2, 4])
    const [contentValue, setContentValue] = useState('')
    const [drawerName, setDrawerName] = useState('')
    const [schema, setSchema] = useState('')
    const [generateFlag, setGenerateFlag] = useState(false)
    const [retrievalConfig, setRetrievalConfig] = useState('user_message')
    const [custom, setCustom] = useState('')
    const [selectedPluginGroup, setSelectedPluginGroup] = useState<any>([])
    const [selectedActionsSelected, setSelectedActionSelected] = useState<any[]>([])
    const [inputValueOne, setInputValueOne] = useState(20)
    const [inputValueTwo, setInputValueTwo] = useState(200)
    const [radioValue, setRadioValue] = useState('none')
    const [openCollectionDrawer, setOpenCollectionDrawer] = useState(false)
    const [updateRetrievalPrevButton, setUpdateRetrievalPrevButton] = useState(false)
    const [selectedRetrievalRows, setSelectedRetrievalRows] = useState<any[]>([])
    const [hasMore, setHasMore] = useState(false)
    const [hasActionMore, setHasActionMore] = useState(false)