Function ImportWorkflowUI

web/src/components/ImportWorkflowUI.tsx:64–587

()

}

function ImportWorkflowUI() {
    const [isServerSide, setIsServerSide] = React.useState(true)
    const [importJson, setImportJson] = React.useState<string>()

    const queryClient = useQueryClient()
    const navigate = useNavigate()

    React.useEffect(() => {
        setIsServerSide(false)
    }, [])

    const getSettingsQuery = useQuery({
        queryKey: ['settings'],
        queryFn: async () => {
            const response = await fetch(`/api/settings`)
            const data = await response.json()
            return data as Settings
        },
    })

    const [projectName, setProjectName] = React.useState('')
    const [importProjectDialogOpen, setImportProjectDialogOpen] =
        React.useState(false)
    const [projectStatusDialogOpen, setProjectStatusDialogOpen] =
        React.useState(false)
    const [useFixedPort, setUseFixedPort] = React.useState(false)
    const [fixedPort, setFixedPort] = React.useState(4001)

    const [missingModels, setMissingModels] = React.useState<MissingModel[]>([])
    const [resolvedMissingModels, setResolvedMissingModels] = React.useState<
        ResolvedMissingModelFile[]
    >([])
    const [resolvedAllModels, setResolvedAllModels] = useState(false)
    const [
        confirmOnlyPartiallyResolvingOpen,
        setConfirmOnlyPartiallyResolvingOpen,
    ] = useState(false)

    const importProjectMutation = useMutation({
        mutationFn: async ({
            import_json,
            name,
            partiallyResolved,
            useFixedPort,
            port,
        }: {
            import_json: string
            name: string
            partiallyResolved?: boolean
            useFixedPort: boolean
            port: number
        }) => {
            const final_import_json = JSON.parse(import_json)
            const uniqueFilenames = new Set()
            const uniqueResolvedMissingModels = resolvedMissingModels.filter(
                (model) => {
                    if (uniqueFilenames.has(model.filename)) {
                        return false